javascript - jqplot:嵌套 donut chart 中不同颜色的任何方式

Question

我使用 jqplot 的 donut 渲染器来显示多个 donut 。

示例代码:http://jsfiddle.net/Azd325/ef88x/

    seriesDefaults: {
    renderer: $.jqplot.DonutRenderer,
    rendererOptions: {
        sliceMargin: 0,
        padding: 10,
        ringMargin: 10,
        seriesColors: ["#98C73D", "#00A9E0", "#67CDDC"],
        lineWidth: 5,
        startAngle: -90,
        innerDiameter: 10,
        shadow: false
    }
},

我试过 if may 需要一个嵌套的颜色列表列表，但这不起作用，我还检查了 Canvas 标记以更改颜色。

有没有办法让嵌套的 donut 有不同的颜色？

Answer 1

一种方法是创建一个系列数组。对于每个条目，您可以链接一个 seriesColors 数组，以便为​​每个系列指定特定的颜色。

我已经更新了你的jsfiddle here :

series: [
  {seriesColors: ["#98C73D", "#00A9E0", "#67CDDC", "#000"]}, 
  {seriesColors: ["#a30", "#4b0", "#b40", '#af0']},
  {seriesColors: ["#175", "#473", "#475", '#412']},
],