Question

我正在尝试根据<VictoryPie />为data.x的不同切片设置不同的颜色，但我无法弄清楚如何...这是代码：

  style={{
    data: {
      stroke: (data) => {
        switch (data.x) {
          case 'one':
          case 'two':
          case 'three': return colors.aa;
          case 'four':
          case 'five':
          case 'six':
          case 'seven':
          case 'eight':
          case 'nine': return colors.bb;
          default: return strokeColor;
        }
      },
    },
  }}

colors.aa，colors.bb，strokeColor都是不同'#hex'的字符串变量。

eslint没有控制台错误或任何语法错误，这使得很难知道什么是错的......有人可以帮忙吗？

Answer 1

由于您基于“标签”（或字符串值，请使用.xName）：

  style={{
    data: {
      stroke: (data) => {
        switch (data.xName) {
          case 'one':
          case 'two':
          case 'three': return colors.aa;
          case 'four':
          case 'five':
          case 'six':
          case 'seven':
          case 'eight':
          case 'nine': return colors.bb;
          default: return strokeColor;
        }
      },
    },
  }}

style.data.stroke中的VictoryJS Switch语句

1 个答案: