Question

我的问题的主要目标是在甜甜圈变化上添加特定颜色。我用谷歌搜索了一段时间，我认为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');

但只有背景改变了。我怎样才能改变甜甜圈的颜色？

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内的结论。

我做了这个分析，因为这是我第一次接触jqPlot的主题功能，第一眼看起来在你提供的代码片段中看起来都很好。

使用JqPlot更改圆环图的主题

1 个答案: