Spring Boot+Echarts可视化(散点图的制作)

目标:利用Echarts可视化Spring Boot响应的json数据。下图是服务端传过来的json数据。

JSON数据

json包括int 类型的id,double型的cost 和reliability,还有一个数组存储着一些整数。

以散点图方式进行展示,横坐标是cost,纵坐标是reliability。

new map

   

   

其中制作散点图一般是二维数据,需要将两个一维数组转换为一个二维数组。遇到的问题就是当设置了x轴data时,数据只显示一个点,而不设置时,散点可以正常显示,但是x轴没有数据。最后是通过设置x轴value来实现的:

这是最终的结果图。

最终效果图

你可能感兴趣的:(Spring Boot+Echarts可视化(散点图的制作))