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}
          ]

 效果颜色出来了

　　　　

 

 

---持续更新