当前位置:首页>开发>正文

echarts地图插件怎么使用 怎么在echarts的地图带参数

2023-04-16 22:20:32 互联网 未知 开发

 echarts地图插件怎么使用 怎么在echarts的地图带参数

echarts地图插件怎么使用




var json=[{name : "广州", value : 38}]//后台返回的json串格式 var data = eval(( json ))//这个就是想要的格式 alert(data[0][name])

怎么在echarts的地图带参数

//设置ajax访问后台填充饼图
function setChartPie(url,id){
var Chart=require(echarts).init(document.getElementById(id))
Chart.showLoading({text: 正在努力的读取数据中... })
var label=[]
var value=[]
$.ajax({
url:url,
dataType:"json",
success:function(data){
$.each(data,function(i,p){
label[i]=p[label]
value[i]={name:p[label],value:p[value]}
})
Chart.hideLoading()
optionPie.legend.data=label
optionPie.series[0][data]=value
optionPie.series[0][radius]=[0,100]
Chart.setOption(optionPie)
}
})

}

echarts地图问题

看了echarts的demo以及网上大家使用echarts的经验。我使用的是大家都的模块化单文件引入。
首先要去echarts和zrender上需要的文件

然后将下来的文件放在你项目的目录下,我将文件都放在我项目的js目录下。需要注意的是导入的zrender文件夹名不要改变,zrender和echarts在同一个目录下面。

在项目中引用相关文件。我想要用echarts画地图,引用了map.js。引用地图的paths设置比较特殊,如图中我写的是 echarts/chart/map: ../../Scripts/js/echarts/map,后面写的是map在项目中的实际路径,引用别的图表如pie则其目录只要和 echarts: ../../Scripts/js/echarts后面的目录同即可。

引用相关的文件后可能还会出现很多的小问题,主要去看看js文件目录是否正确。

扩展地图插件的时候或者有别的需求需要引入config文件时,要注意一定要将引用的代码放在function(ec){}中,这样就不会报[MODULE_MISS]"echarts/config" is not exists!错了

调试完成后,就可以见到你想要看到的图片啦

最新文章