ZingChart 嵌套饼图：自定义图表

Question

如何让嵌套的 ZingChart 饼图 (a) 从 12 点开始，并且 (b) 环有不同的颜色？

我试过使用 plot.styles 数组作为颜色，refAngle 作为起始角度，但这些似乎只适用于普通饼图，不适用于嵌套饼图。

在下面的截图中，它应该从 'north' 开始，我想给一个 'ring' 深蓝色和另一个浅蓝色着色：

演示： https://app.zingsoft.com/demos/create/Q04K1SFA

Answer 1

对于北方向，只需在您的配置中添加

  plot: {
    refAngle: -90
  },

如果您希望 2 个切片具有不同的颜色，请在您的系列中使用 2 个项目：

        {
            text: 'Used',
            values: [10, 0],
            backgroundColor: "blue"
        },
        {
            text: 'Used',
            values: [0, 50],
            backgroundColor: "lightblue"
        },

example

您还可以根据规则更改颜色。例如：

  plot: {
    refAngle: -90,
    rules: [
        {
          rule: '%v > 11 && "%t" == "Used"',
          backgroundColor: 'lightblue'
        }
      ]
  },

当项目文本为“已使用”且值大于 11 时，将更改项目的背景颜色。

您还可以命名级别并在规则中使用它的值：

  plot: {
    refAngle: -90,
    "data-level": [1, 2],
    rules: [
        {
          rule: '%data-level == 2 && "%t" == "Used"',
          backgroundColor: 'lightblue'
        }
      ]
  }

规则将仅适用于“二手”商品的二级。

ZingChart 嵌套饼图：自定义图表

ZingChart nested pie: customising chart

zingchart