itemStyle 在旭日中不起作用,但在带有视觉地图的树形地图中起作用。可能是什么问题?

问题描述 投票:0回答:1

链接到最小复制

转载链接-TreeMap

复制链接 - Sunburst

重现步骤

  1. 向旭日添加连续视觉贴图。
  2. 一个数据点的值为零,并且 itemstyle 中有颜色,标签颜色为白色。
  3. 标签颜色显示在树形图和旭日图中。
  4. 在树图中,它按预期工作,即它以灰色显示图块。当您将类型更改为旭日时,瓷砖颜色为绿色而不是灰色。

带视觉地图的树形图

Sunburst 与视觉地图

没有视觉地图的旭日

当前行为 在树形图中,当值为“0”时,图块显示为灰色,因为添加了带有颜色的 itemstyle,但在 sunburst 中,图块为绿色,尽管有 itemstyle。

预期行为 在Sunburst中,瓷砖颜色必须是灰色

treemap echarts
1个回答
0
投票

如果超出 VisualMap 指定的 minmax 的值应具有不同的颜色,则可以使用 outOfRange 属性(如果 range 等于 min /最大限度)。解决方法是为范围和最小值/最大值指定稍微不同的值。

示例

var data = [
  {
    name: 'Grandpa',
    children: [
      {
        name: 'Cousin Jack',
        value: 2
      },
      {
        name: 'Cousin Mary',
        value: 5
      },
      {
        name: 'Cousin Ben',
        value: 4
      },

      {
        name: 'Me',
        value: 5
      },
      {
        name: 'Brother Peter',
        value: 1
      }
    ]
  },
  {
    name: 'Nancy',
    children: [
      {
        name: 'Cousin Betty',
        value: 1
      },
      {
        name: 'Cousin Jenny',
        value: 8
      }
    ]
  }
];

option = {
  series: {
    type: 'sunburst',
    data: data
  },
  visualMap: [
    {
      type: 'continuous',
      min: 1.999999999,
      max: 10.00000001,
      range: [2, 10],
      inRange: {
        color: ['green', 'yellow', 'red']
      },
      outOfRange: {
        color: 'grey'
      }
    }
  ]
};

© www.soinside.com 2019 - 2024. All rights reserved.