![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
echarts开发中遇到的坑
Spirit书生
新手上路,多多关照
展开
-
echarts柱图分组显示(簇状柱形图)
需求:设计echarts柱图,相同类型数据放在一起,使用不同背景色分割所用属性:yAxis/xAxis.splitAreasplitArea:坐标轴在 grid 区域中的分隔区域思路:其实我这个很简单,就是在拿到数据后进行个处理,将相同类型的数据相邻排放,然后在渲染的时候,给每个柱图背景色,这样的话,同类型的柱子背景色一样,就形成了区域分组效果代码如下//x轴数据var _xAxis = ['红1', '红2','绿1','绿2','黄1','黄2','橘1','橘2'];//y轴数据va.原创 2021-01-29 16:01:33 · 4455 阅读 · 0 评论 -
echarts地图海南省地图问题
需求:在echarts地图开发中,有时候需要点击某个省份的时候,地图变成当前省份的下级地图。问题:在海南岛点击下钻时,由于海南岛的三沙市是由很多岛屿组成(南海诸岛),而地图下钻会默认视图区域自适应,就会导致下面的情况:通过实验发现,主要地区会挤在一起,正常情况下,应该是展示中间的大岛屿,而三沙市(南海诸岛)只需展示部分即可解决:option = { ... } //对echarts的一些设置//由于海南地图包括南海及南海诸岛在内的大片区域,所以显示海南地图时,要将地图放大,并设置海原创 2021-01-06 15:50:06 · 2741 阅读 · 6 评论 -
全国省市区json
echarts 全国省市区json文件下载链接提取码: 4fb7原创 2021-01-04 16:17:49 · 387 阅读 · 0 评论 -
echarts中label.formatter不生效问题
在echarts开发过程中,在使用地图时,如果使用geo,并且想设置地图上文本内容以及样式的时候,我们可以使用geo.label.normal.formatter来自定义这些功能,但是有时候会出现formatter不生效的情况,这时候可以通过修改源代码来解决该问题1、打开echart.js文件2.搜索 ‘getFormattedLabel’3.找到这个位置:将上图中,源码原有的那行代码给注释,然后添加两行代码,搞定代码如下var path = status == 'normal' ? 'la.原创 2020-11-25 13:31:59 · 8044 阅读 · 4 评论 -
echart柱子太短无法点击问题
在做echarts柱图的时候,有时候可能会有下转或者一些点击功能,一般会使用myChart.on('click',function(){//执行代码})去实现功能,但是,有的时候,会出现某个柱子数据太少,可能会点不到,这是可以使用myChart.getZr().on('click',function(){})去代替之前的点击事件,如下:myChart.getZr().on('click', function (p) { const pointInPixel = [p.offsetX, p.of.原创 2020-08-18 16:02:26 · 5805 阅读 · 1 评论 -
echart柱图点击高亮问题
echarts柱图点击高亮问题在建立echarts柱图时,都会有一个默认的点击高亮效果,有时候想取消高亮,有如下方法:slient(默认为’false’)series: {slient: true}该属性为柱图是否不响应鼠标的点击,设为true则为不响应,但是后续的其他点击效果也会不生效emphasisserise: { itemStyle: { color: "",//柱条颜色,设置为柱图颜色则取消高亮 borderColor: ''//柱条边框颜色 ... //更原创 2020-08-04 18:33:32 · 4077 阅读 · 0 评论