javascript - 使用 JqPlot 更改圆环图的主题

Question

我的问题的主要目标是在 Donut Change 上添加特定的颜色。我在谷歌上搜索了一段时间，我认为 JqPlot 是最好的库，但我在尝试更改 JqPlot 上圆环图的主题时遇到了问题:

我在这里找到了文档:

http://www.jqplot.com/deploy/dist/examples/theming.html

http://www.jqplot.com/docs/files/jqplot-themeEngine-js.html

所以我尝试像这样应用主题:

var gabe = {
    seriesColors: ["#4bb2c5", "#EAA228", "#c5b47f", "#579575", "#839557", "#958c12"],
    grid: { backgroundColor: '#000000' }
}
... {my chart}
plot3.themeEngine.newTheme('gabe', gabe);
plot3.activateTheme('gabe');

但只是背景变了。如何更改 donut 颜色？

Answer 1

问题是您没有将 seriesColors 放在 seriesStyles 中。以下代码取自您提供的第一个链接:)

    gabe = {
        seriesStyles: {
            seriesColors: ['red', 'orange', 'yellow', 'green', 'blue', 'indigo'],
            highlightColors: ['lightpink', 'lightsalmon', 'lightyellow', 'lightgreen', 'lightblue', 'mediumslateblue']
        },
        legend: {
            fontSize: '8pt'
        },
        title: {
            fontSize: '18pt'
        },
        grid: {
            backgroundColor: 'rgb(211, 233, 195)'
        }
    };
    plot.themeEngine.newTheme('gabe', gabe);
    plot.activateTheme('gabe');

This is what it does.

This sample shows that all gets applied just not seriesColors(因为我们为此注释掉了 seriesStyles)。因此，结论是 seriesColors 必须放在 seriesStyles 中。

我做这个 analysys 是因为这是我第一次接触 jqPlot 的主题功能，乍一看你提供的代码片段似乎一切正常。