echarts 怎么获取数据库中的数据

echarts 怎么获取数据库中的数据,第1张

//设置ajax访问后台填充饼图 function setChartPie(url,id){ var Chart=require('echarts').init(document.getElementById(id))Chart.showLoading({text: '正在努力的读取数据中...' })var label=[]var value=[]$.ajax({ url:url, dataT...

在后台的controller中用Map<String, double[]>geocoordMap=new HashMap<String, double[]>()来存储地理经纬度数据,例如:

String key="上海"

double[] value=new double[]{121.550544,31.227384}

geocoordMap.put(key, value)

需要标记多少个点,就put几个(key,value)到geocoordMap里面,然后将geocoordMap以json格式传到前台,var geoCoordData=data取值;直接在option里面写: geoCoord: geoCoordData, 即可

Echarts是前端的图表,百度上有Demo的,只要从后台向前台传递json数据,解析下绑定到Echarts上,即可显示效果。

步骤:

后台取到数据,转化为json;

前台获取到json,改写Echarts调用的js;


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/10833332.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-11
下一篇2023-05-11

发表评论

登录后才能评论

评论列表(0条)

    保存