BookstoreSpirit的博客

需求：设计echarts柱图，相同类型数据放在一起，使用不同背景色分割所用属性：yAxis/xAxis.splitAreasplitArea：坐标轴在 grid 区域中的分隔区域思路：其实我这个很简单，就是在拿到数据后进行个处理，将相同类型的数据相邻排放，然后在渲染的时候，给每个柱图背景色，这样的话，同类型的柱子背景色一样，就形成了区域分组效果代码如下//x轴数据var _xAxis = ['红1', '红2','绿1','绿2','黄1','黄2','橘1','橘2'];//y轴数据va.

需求：在echarts地图开发中，有时候需要点击某个省份的时候，地图变成当前省份的下级地图。问题：在海南岛点击下钻时，由于海南岛的三沙市是由很多岛屿组成(南海诸岛)，而地图下钻会默认视图区域自适应，就会导致下面的情况：通过实验发现，主要地区会挤在一起，正常情况下，应该是展示中间的大岛屿，而三沙市(南海诸岛)只需展示部分即可解决：option = { ... } //对echarts的一些设置//由于海南地图包括南海及南海诸岛在内的大片区域，所以显示海南地图时，要将地图放大，并设置海

echarts 全国省市区json文件下载链接提取码: 4fb7

在echarts开发过程中，在使用地图时，如果使用geo，并且想设置地图上文本内容以及样式的时候，我们可以使用geo.label.normal.formatter来自定义这些功能，但是有时候会出现formatter不生效的情况，这时候可以通过修改源代码来解决该问题1、打开echart.js文件2.搜索 ‘getFormattedLabel’3.找到这个位置：将上图中，源码原有的那行代码给注释，然后添加两行代码，搞定代码如下var path = status == 'normal' ? 'la.

在做echarts柱图的时候，有时候可能会有下转或者一些点击功能，一般会使用myChart.on('click',function(){//执行代码})去实现功能，但是，有的时候，会出现某个柱子数据太少，可能会点不到，这是可以使用myChart.getZr().on('click',function(){})去代替之前的点击事件，如下：myChart.getZr().on('click', function (p) { const pointInPixel = [p.offsetX, p.of.

echarts柱图点击高亮问题在建立echarts柱图时，都会有一个默认的点击高亮效果，有时候想取消高亮，有如下方法：slient(默认为’false’)series: {slient: true}该属性为柱图是否不响应鼠标的点击，设为true则为不响应，但是后续的其他点击效果也会不生效emphasisserise: { itemStyle: { color: "",//柱条颜色，设置为柱图颜色则取消高亮 borderColor: ''//柱条边框颜色 ... //更