Javascript 使用JqPlot更改甜甜圈图表的主题

我这期杂志的主要目的是在甜甜圈上涂上特定的颜色。 我在谷歌上搜索了一段时间，我认为JqPlot是最好的库，但我在试图改变JqPlot上甜甜圈图表的主题时遇到了一些问题：

我在这里找到了文档：

所以我试着应用这样的主题：

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

---

但只有背景发生了变化。如何更改甜甜圈的颜色？

问题是您没有将

系列颜色

放置在

系列样式

中。以下代码取自您提供的第一个链接：）

seriesColor

（正如我们为这一个注释掉的

seriesStyles

）。因此，

系列颜色

必须放在

系列样式

中的结论

---

我做了这个analysys，因为这是我第一次接触到

jqPlot

的主题功能，第一眼看到你给出的代码片段时，一切似乎都正常。

没错！只有一个蹩脚的部分：为了创建一个更好看的图表，我被迫为每个系列的颜色手动定义一个更白的高亮颜色：

var主题={seriesStyles:{seriesColors:[''B97A57'、'FFC90E'、'FF7F27'、'800000']，高亮颜色：['E5976E'、'FFD756'、'FF9E5E'、'70000']             }         };
    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');