如何在jqPlot堆叠条形图中指定条形颜色?

问题描述 投票:1回答:2

如何在jqPlot堆叠条形图中为条形指定自己的颜色?我说的是为单个条设置不同的颜色。我已经看了几个示例,但是所有示例都使用默认颜色。是否可以在堆叠的条形图中明确设置条形的颜色?

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS94eWFtVC5wbmcifQ==” alt =“在此处输入图像描述”>“ >>

这是我现在拥有的代码:

var s1=[11,28,22,47,11,11]; 
var s2=[0,6,3,0,0,0];
var s3=[1,0,3,0,0,0 ];
var dataArray = [s1, s2, s3];

var ticks =  bcdarr;

var options = {
    title: ' STATUS',
    stackSeries: true,
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        pointLabels: {
            show: true
        },
        rendererOptions: { 
            barWidth: 25,
            varyBarColor: true,
            },
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks,
        },
        yaxis: {
            //autoscale: true,
            //label: 'Application Count',
            min : 0,
            tickInterval : 5,
            max:50
        }
    },
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
        tickOptions: {
            angle: -30,
            fontSize: '10pt'
        }
    }
};

如何在jqPlot堆叠条形图中为条形指定自己的颜色?我说的是为单个条设置不同的颜色。我已经看了几个例子,但是所有例子都使用...

javascript jquery jqplot
2个回答
1
投票

查找有关如何操作的文档的最佳位置是API Documentation。它具有有关每个组件和插件以及每个组件可用选项的文档。


1
投票

尝试一下:

在jqplot中,您缺少seriesColors。使用它如下所示:

© www.soinside.com 2019 - 2024. All rights reserved.