echarts中在极坐标柱状图中使用visualmap遇到的问题

在尝试用visuamap对数值进行颜色控制,但是发现使用type: 'piecewise'时,出现了选择范围的精度问题,如下代码

option = {
  polar: {
    radius: [30, '80%']
  },
  radiusAxis: {
    max: 4
  },
   visualMap: {
                type: 'piecewise',
                orient: 'horizontal',
                left: 'center',
                top: 'top',
                precision:1,
                pieces : [
                  {min:0,max:1},
                  {min:1,max:2},
                  {min:2,max:4}
                ],
                outOfRange: {
                    color: 'grey',
                  },
            },
  angleAxis: {
    type: 'category',
    data: ['a', 'b', 'c', 'd'],
    startAngle: 75
  },
  tooltip: {},
  series: {
    type: 'bar',
    data: [2, 1.2, 2.4, 3.6],
    coordinateSystem: 'polar',
    label: {
      show: true,
      position: 'middle',
      formatter: '{b}: {c}'
    }
  },
  backgroundColor: '#fff',
  animation: false
};

按道理来说,即0-1,1-2,2-4应该是不同颜色,但是结果如下图
这明显出了问题,a,b的值分明是1-2区间的值,但是却渲染的是0-1的颜色。以及c,d的值明显是
2-4区间的,但是一个是1-2,一个是2-4之间的值。这是为什么?这是我data的问题,还是echarts的bug?

阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏