使用Echarts根据数据作图

最新推荐文章于 2024-05-20 09:37:41 发布

桔梗的犬夜叉

最新推荐文章于 2024-05-20 09:37:41 发布

阅读量1k

点赞数 2

分类专栏： Echarts 文章标签： Echarts

本文链接：https://blog.csdn.net/LL9504/article/details/102958000

版权

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

摘要由CSDN通过智能技术生成

前提是需要先下载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()的值替换掉,这时候二维数组里面的值,就会在图上面以