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

vue echarts地图下钻 谁会echarts实现地图省市县的钻取分别单独显示

2023-04-11 01:11:10 互联网 未知 开发

vue echarts地图下钻 谁会echarts实现地图省市县的钻取分别单独显示

谁会echarts实现地图省市县的钻取分别单独显示

根据选择的地区去加载地图数据然后给chart.setOption() 改变红色字体的值就可以,红色字体是省的拼音具体查看echarts/map文件夹内文件,有js加载方式和json加载方式
$.get(map/json/china.json, function (chinaJson) {
echarts.registerMap(china, chinaJson)
var chart = echarts.init(document.getElementById(main))
chart.setOption({
series: [{
type: map,
map: china
}]
})
})

echarts地图不要显示右下角怎么解决

如果地图数据是JSON文件,你最好格式化一下,然后搜索你要修改位置的省份名称或城市名称,紧挨着名称前面的元素cp就表示名称所在座标,如下图所示:更改此座标就可以了,如果不知道具体应该放在哪个座标,可以使用座标拾龋另外:更改JSON文件后

vue-echats

没用过vue-echarts。如果是echarts的话有专门的销毁实例的方法(dispose()),可以再路由跳转前(router.beforeeach内),尝试销毁echarts对象。

ECMAScript有无用存储单元收集程序,意味着不必专门销毁对象来释放内存。当再没有对对象的引用时,称该对象被废除了。运行无用存储单元收集程序时,所有废除的对象都被销毁。每当函数执行完它的代码,无用存储单元收集程序都会运行,释放所有局部变量,还有在一些其他不可预知的情况下,无用存储单元收集程序也会运行
吧对象的所有引用都设置为null。可以强制性的废除对象。例如:
var obj = new Object    //如果构造函数无参数,括号则不是必须的,因此可以采用这样无括号的方式重写   var obj  = new Object()
obj  = null
当变量obj设置为null,对第一个创建的对象的引用就不存在了,这意味着下次运行无用存储单元收集程序时,改对象将被销毁。
没用完一个对象后,将其废除来释放内存,这是一个好习惯,这样还确保不再使用已经不能访问的对象,从而防止程序设计错误的出现。此外,旧的浏览器(如IE和Mac)没有全面的无用存储单元回收程序,所以在卸载页面时,对象可能不能被正确销毁。废除对象和它所有特性是确保内存使用正确的最好方法
废除对象的所用引用时要当心。如果一个对象有两个或更多引用,则要正确废除该对象,必须将其所有引用都设置为null

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!错了

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

echarts地图插件怎么使用




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

最新文章