Gunakan antara muka ECharts dan Java untuk mencipta visualisasi data: kuasai pelbagai jenis carta statistik

Gunakan antara muka ECharts dan Java untuk mencipta visualisasi data: untuk menguasai pelbagai jenis carta statistik, contoh kod khusus diperlukan

Pengvisualan data ialah teknologi yang mempersembahkan data abstrak secara visual melalui carta, yang boleh membantu kita lebih Memahami corak dan arah aliran di sebalik data dengan baik. Sebagai perpustakaan visualisasi sumber terbuka, ECharts menyediakan pelbagai jenis carta dan pilihan konfigurasi fleksibel, yang sangat sesuai untuk pembangunan visualisasi data. Artikel ini akan memperkenalkan cara menggunakan antara muka ECharts dan Java untuk mencipta pelbagai jenis carta statistik dan melampirkan contoh kod tertentu.

1. Persediaan
Sebelum menggunakan ECharts untuk visualisasi data, kita perlu menyediakan persekitaran pembangunan berikut:

1. Pasang persekitaran pembangunan Java dan bina infrastruktur projek Java Web
2. Perkenalkan fail JavaScript ECharts, It boleh diperkenalkan melalui CDN atau dimuat turun ke projek tempatan
3. Tulis halaman hadapan untuk memaparkan carta visualisasi data.

2. Buat histogram
Histogram ialah carta statistik biasa yang boleh digunakan untuk membandingkan data kategori yang berbeza. Berikut ialah contoh kod untuk membuat histogram:

Dalam antara muka Java, kita boleh mendapatkan data dengan memanggil pangkalan data atau sumber data lain, menukar data ke dalam format JSON, dan kemudian menghantar data JSON ke halaman hadapan. untuk rendering.

@RestController
@RequestMapping("/echarts")
public class EChartsController {

    @GetMapping("/bar")
    public Map<String, Object> getBarData() {
        Map<String, Object> data = new HashMap<>();
        
        // 模拟数据，实际情况可以从数据库或其他数据源获取
        List<String> xAxis = Arrays.asList("A", "B", "C", "D", "E");
        List<Integer> seriesData = Arrays.asList(10, 20, 30, 40, 50);
        
        data.put("xAxis", xAxis);
        data.put("seriesData", seriesData);
        
        return data;
    }
}

Dalam kod di atas, kami menggunakan anotasi @RestController untuk mengisytiharkan kelas sebagai pengawal gaya Rehat dan menggunakan @GetMapping("/bar") anotasi untuk menentukan kaedah untuk mengendalikan permintaan. Dalam kaedah ini, kami mensimulasikan beberapa data dan merangkum data ke dalam objek Map. Objek Map kemudiannya dikembalikan sebagai respons. @RestController注解将该类声明为一个Restful风格的控制器，使用@GetMapping("/bar")注解指定了处理该请求的方法。在这个方法中，我们模拟了一些数据，并将数据封装到了一个Map对象中。然后将该Map对象作为响应返回。

三、制作折线图
折线图是一种常用的统计图表，它可以用于显示数据随时间或其他连续变量变化的趋势。下面是一个制作折线图的示例代码：

@RestController
@RequestMapping("/echarts")
public class EChartsController {

    @GetMapping("/line")
    public Map<String, Object> getLineData() {
        Map<String, Object> data = new HashMap<>();
        
        // 模拟数据，实际情况可以从数据库或其他数据源获取
        List<String> xAxis = Arrays.asList("A", "B", "C", "D", "E");
        List<Integer> seriesData = Arrays.asList(10, 20, 30, 40, 50);
        
        data.put("xAxis", xAxis);
        data.put("seriesData", seriesData);
        
        return data;
    }
}

在这个示例代码中，我们与之前的柱状图示例代码基本相同，只是更改了请求路径和返回的数据。

四、制作饼状图
饼状图是一种常用的统计图表，可以用于显示不同分类的数据占比情况。下面是一个制作饼状图的示例代码：

@RestController
@RequestMapping("/echarts")
public class EChartsController {

    @GetMapping("/pie")
    public List<Map<String, Object>> getPieData() {
        List<Map<String, Object>> data = new ArrayList<>();
        
        // 模拟数据，实际情况可以从数据库或其他数据源获取
        Map<String, Object> item1 = new HashMap<>();
        item1.put("name", "A");
        item1.put("value", 10);
        
        Map<String, Object> item2 = new HashMap<>();
        item2.put("name", "B");
        item2.put("value", 20);
        
        Map<String, Object> item3 = new HashMap<>();
        item3.put("name", "C");
        item3.put("value", 30);
        
        data.add(item1);
        data.add(item2);
        data.add(item3);
        
        return data;
    }
}

在这个示例代码中，我们通过使用一个List对象，将每个数据项封装成一个Map对象，然后将所有的Map对象添加到List对象中。最后，将List

3. Buat carta garis

Carta garis ialah carta statistik yang biasa digunakan, yang boleh digunakan untuk menunjukkan arah aliran perubahan data dari semasa ke semasa atau pembolehubah berterusan yang lain. Berikut ialah contoh kod untuk membuat carta baris:
rrreee

Dalam kod sampel ini, kami pada asasnya sama dengan kod sampel carta bar sebelumnya, kecuali kami telah menukar laluan permintaan dan data yang dikembalikan. 🎜🎜4. Buat carta pai🎜Carta pai ialah carta statistik yang biasa digunakan yang boleh digunakan untuk memaparkan perkadaran data dalam kategori yang berbeza. Berikut ialah contoh kod untuk membuat carta pai: 🎜rrreee🎜Dalam kod sampel ini, kami merangkum setiap item data ke dalam Peta dengan menggunakan objek objek Senarai dan kemudian tambah semua objek Map pada objek List. Akhir sekali, objek List dikembalikan sebagai respons. 🎜🎜Ringkasan🎜Artikel ini memperkenalkan cara menggunakan antara muka ECharts dan Java untuk mencipta carta bar, carta garis dan carta pai serta memberikan contoh kod khusus. Melalui contoh kod ini, kita boleh belajar cara melaksanakan proses asas visualisasi data melalui Java dan ECharts, dan cara menghantar data dari hujung belakang ke halaman hujung hadapan untuk pemaparan. Saya harap artikel ini dapat membantu pembaca menguasai kemahiran asas visualisasi data menggunakan antara muka ECharts dan Java. 🎜

Atas ialah kandungan terperinci Gunakan antara muka ECharts dan Java untuk mencipta visualisasi data: kuasai pelbagai jenis carta statistik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!