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, 即可

后台从数据库中的得到的json

JSONArray jsonarray=JSONArray.fromObject(rs.getList())//=JSONArray.

request.setAttribute("data", jsonarray)

打印出来的数据

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:234, name:'联盟广告'},

{value:135, name:'视频广告'},

{value:1548, name:'搜索引擎'}

pie.jsp

<div id="main" style="height:400px"></div>

<script type="text/javascript">

// 路径配置

require.config({

paths:{

'echarts' : 'js/echarts',

}

})


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

原文地址: https://outofmemory.cn/sjk/6853540.html

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

发表评论

登录后才能评论

评论列表(0条)

保存