Liudongge / JavaScript_Notes

learn and work by JS
0 stars 0 forks source link

Echarts学习和使用 #9

Open Liudongge opened 7 years ago

Liudongge commented 7 years ago

http://echarts.baidu.com/option.html 结合vue-echarts在vue中使用 http://www.cnblogs.com/wisewrong/p/6558001.html

Liudongge commented 7 years ago

图片地址问题:待解决,考虑打包后dist下取路径是否可行?------不可行,打包时有hash打码操作,另外static下文件是解析成功后才放入的,关系莫搞混。

解决方式: 使用require('local image path')的方式读取本地图片 思路来源:https://segmentfault.com/q/1010000004582219

Liudongge commented 6 years ago

使用中国地图时,由于ECharts3中不再内置地图数据以减小代码体积,因此需要导入china.js文件。 import 'echarts/map/js/china.js'

解决echarts3地图中只显示南沙群岛的问题: 现象:在vue里用echarts画地图时报错:Map china not exists. 只出现了南海诸岛部分 原因:没引入地图数据 解决:import 'echarts/map/js/china.js'; 参考:http://blog.csdn.net/lllo3o/article/details/72800801

Liudongge commented 6 years ago

本地启动多个服务,访问跨域问题的解决 http://blog.csdn.net/qq_34764577/article/details/66969923

Liudongge commented 6 years ago

地图不显示南沙群岛:给geo.regions设置为 regions: [{name: '南海诸岛', value: 0, itemStyle: {normal: {opacity: 0, label: {show: false}}}}]

visualMap.show设置为false时不显示组件,但会保留数据映射功能。

Liudongge commented 6 years ago

tooltip的formatter使用方法:http://echarts.baidu.com/option.html#tooltip.formatter

formatter: (params) => {
  return `省份名称: ${params.name} </br> 玩家数: &nbsp&nbsp&nbsp${params.value} </br> 总玩家数: ${totalUser}`
}