使用Echarts根据数据作图

最新推荐文章于 2025-10-22 15:08:25 发布

原创

最新推荐文章于 2025-10-22 15:08:25 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Echarts

本文介绍了如何使用Echarts库来根据数据生成图表。首先，从Echarts官网或百度云下载echarts.min.js。接着，定义一个二维数组，将数据转化为坐标形式。然后，在HTML文件中引用数据，可以通过调整itemStyle来改变点的透明度。

前提是需要先下载Echarts的echarts.min.js 可以去Echarts官网下载,这里分享百度云下载即可

链接：https://pan.baidu.com/s/1uinOQjNHQNkgohuyBzeCAg 提取码：v7kw

1.先定义一个二维数组 List<double[]>

              public static List<double[]> LabelNumCount = new ArrayList<>();
                    double[] labelNum = new double[2];
                    labelNum[0] = 1;//横坐标
                    labelNum[1] = 2;//纵坐标
                    LabelNumCount.add(labelNum);

2.把二维数组的数据,转换成坐标的形式即可

   String fileStr = FileUtils.readFileToString(new File("D:/LL/html/labletemp.html"), "UTF-8");
   fileStr = fileStr.replace("'scatterPlotCount'", Arrays.deepToString(LabelNumCount.toArray()));
//'scatterPlotCount' 这个是html文件中对应着 var data = 'scatterPlotCount'; 的那个变量,需要我们用LabelNumCount.toArray()的值替换掉,这时候二维数组里面的值,就会在图上面以坐标的形式显示出来
   FileUtils.writeStringToFile(new File("D:/LL/html/lab