javascript – JqPlot饼图 – 更改饼图切片颜色

JavaScript 2020-02-15

我有一个使用JqPlot显示的饼图.我有兴趣改变切片的实际颜色,到目前为止还没有运气.

我遇到了this link并尝试了解决方案,但我不确定我是否将它放在错误的位置(尝试将其插入代码中的几个位置),就像我将其放入,饼图不再显示(实际上停止显示页面上的其余图表).

这是饼图的javascript代码：

$(document).ready(function () {
        var data = [['US',33],['IE',30],['GB',23],['AU',7],['CA',4],['RoW',7]];
        var plot1 = jQuery.jqplot('Countries',[data],{
            seriesDefaults: {
                // Make this a pie chart.
                renderer: jQuery.jqplot.PieRenderer,rendererOptions: {
                    // Put data labels on the pie slices.
                    // By default,labels show the percentage of the slice.
                    sliceMargin: 5,showDataLabels: true,}
            },legend: { show: true,border: false,/*placement: 'outsideGrid',location: 'w'*/location: 'e',border: 'none' },grid: {borderWidth:0,shadow:false,background: '#FFFFFF'}

        }
      );
    });

有没有人有任何想法？

解决方法

您可以将seriesColors应用于选项对象,例如：

options =
{
    seriesColors: [ "#4bb2c5","#c5b47f","#EAA228","#579575" ]
}

javascript – JqPlot饼图 – 更改饼图切片颜色

解决方法

相关文章