Как установить цвета гистограммы jqplot для каждого бара? - PullRequest
Новая
       20

Как установить цвета гистограммы jqplot для каждого бара?

13 голосов
/ 10 ноября 2010

Я пытаюсь установить цвета моих столбчатых диаграмм jqplot.Всегда будет шесть баров, сгруппированных в наборы по 2 бара.Вот пример построения данных: 

 line1 = [6000, 5000, 5500];
 line2 = [16000, 10000, 14000];

До сих пор я использовал следующее: 

 seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501", "#027997", "#CF3501", "#027997"],

Но jqplot каждый раз чередует первые 2 бара вместо использованиявсе заявленные цвета.Вероятно, это связано с тем, что присутствуют только две серии, по одной на каждый набор данных.

Есть ли способ явно установить цвета столбцов?

Ответы [ 3 ]

31 голосов
/ 02 января 2011

Я делаю это, используя метод varBarColor , так что вы можете перечислить различные цвета для столбцов в простом массиве, как вы уже сделали, но если есть только одна серия, он будет использовать эти цвета для каждой панели вместо. Вот пример моего кода: 

plot1 = $.jqplot('chart1', [s1], {
        title: 'Example Income Graph',
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions:{ varyBarColor : true },
            pointLabels: { show : true }
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                label:'Net Growth (%)',
                ticks: ticks
            },
            yaxis:{
              label:'Income (£)',
              tickOptions:{ formatString:'%d'},
              autoscale:true,
              min:0, 
              max:10000
            }
        },
        seriesColors: [ "#eee", "#ccc", "#999"],
        highlighter: { show: false }
    });

На этом графике у меня была одна серия с 3 барами, каждый из которых окрашен в серый цвет.

4 голосов
/ 17 апреля 2014

Это довольно старый, но все еще не имеет правильного ответа, и мне потребовалось некоторое время, чтобы понять это, так что здесь все идет.Массив серий, содержащий цвета серий для каждой серии, переданные на том же уровне, что и seriesDefaults, например: 

plot1 = $.jqplot('chart1', [s1, s2], {
            title: 'Example',
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                rendererOptions:{ varyBarColor : true },
                pointLabels: { show : true }
            },
            series: [{seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501"]},
                     {seriesColors: ["#027997", "#CF3501", "#027997"]}]
            }
0 голосов
/ 27 мая 2014

попробуй вот так 

series:[{renderer:$.jqplot.BarRenderer , seriesColors: ["#F3CBBF", "#BFDDE5", #CF3501","#eee", "#ccc", "#999"] }]
...