echarts 细节问题收集

小问题大学问

有时会发现配置选项问题,知道在哪就很简单,不知道就很难琢磨。

甚至是遇到了解决过的,下次遇到居然忘记当初怎么改动了。

所以不要小看细节问题,既然不好记住,那就记下来吧~

1、倒置图形出现tooltip数据提示重复情况

      如下图,提示数据2条现成4条,x轴还有提示触发影子

                                                              

  问题原因:发现y轴是2组数据,导致触发了2次,数据翻倍

  解决方式: option的y轴设置为一组数据

   y轴阴影设置为 axisPointer的type: 'shadow'

 2.地图的effectScatter颜色设置无效

 设置颜色代码

itemStyle: {
            normal: {
              color: '#cbe787' // 欧尚 橘黄色
            },
            // 高亮时样式
            emphasis: {
              borderColor: '#fff',
              borderWidth: 1
            }
          }

无效显示的图

                           

那是因为data数据格式如下

data: [
            [118.8062, 31.9208],
            [108.8062, 28.9208]
          ],

改成

data: [
            {value: [118.8062, 31.9208], visualMap: false},
            {value: [108.8062, 28.9208], visualMap: false}
          ]

 效果颜色出来了

    

---持续更新

原文地址:https://www.cnblogs.com/yflbk-2016/p/13409908.html