Javascript 改变Jqplot中两个系列数据的颜色栏

Javascript 改变Jqplot中两个系列数据的颜色栏,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,我想知道如何在Jqplot中为两个系列制作不同的颜色条。如果我只有一个系列数据,它的工作原理与下图完全相同 基于其值的红色和绿色 但是如果我有两个系列数据,我不能为每个系列数据配置两个系列颜色。到目前为止,我只能绘制这个图表 我想两个系列的图形可以有不同的颜色,根据其值以及一个系列的图形 这是我的密码 chart = $.jqplot('map-chart', [dataChart, dataChart2], { title: 'TIME', legend:

我想知道如何在Jqplot中为两个系列制作不同的颜色条。如果我只有一个系列数据,它的工作原理与下图完全相同

基于其值的红色和绿色

但是如果我有两个系列数据,我不能为每个系列数据配置两个系列颜色。到目前为止,我只能绘制这个图表

我想两个系列的图形可以有不同的颜色,根据其值以及一个系列的图形

这是我的密码

chart = $.jqplot('map-chart', [dataChart, dataChart2], {
        title: 'TIME',
        legend: {
            renderer: $.jqplot.EnhancedLegendRenderer,
                        show: true,
                        location: 'ne'
        },
        series: [{label: 'Current data'}, {label: 'Worst data'}],
        //seriesColors: seriesColors1,
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            pointLabels: {show: true}
            //rendererOptions:{
             //varyBarColor: true
            //}
        },
        axes: {
            xaxis: {
                label: 'station',
                renderer: $.jqplot.CategoryAxisRenderer,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                ticks: tickers,
                tickOptions: {
                    angle: -30
                }
            },
            yaxis: {
              min: 0,
              label: 'Time',
              labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
              tickOptions: {
                    fontSize: '8pt'
              }
            }
        },
        highlighter: {show: false}
    });

我试过
seriesColors:[seriesColors1,seriesColors2]
但没用

基本上,您需要创建一个系列数组,每个条目包含一个字典,带有
seriesColors
条目。工作示例如下所示:


(如果我更改了外部js文件,小提琴可能会停止工作;默认情况下,JSFIDLE没有jqplot库。)

我今天遇到了这个问题,正如jimbob博士所预测的,所有外部文件都会因链接损坏而失效。我找到了一个CDN站点,并将小提琴更新为最新的jQuery&jqplot资源文件,可在以下位置获得:

只是为了满足JSFIDLE cop的要求,这样我就不会发布此内容了:

//this is not my code, it's only here to satisfy the SO require that fiddles have
// code associated with them
plot1 = $.jqplot('chart1', [[50,100,50,50,75],[80,70,50,50,40]], {
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions:{ varyBarColor : true }
        },
    series: [
            {seriesColors: [ "#f00", "#4b0", "#b40", '#ff0', '#fb0']}, 
            {seriesColors: ["#00f",  "#b0b", "#a30", "#4b0", '#af0']}
            ],
        highlighter: { show: false }
});

我和小提琴本身没有任何关系,我只是对它进行了更新,使它能够工作。希望这对某人有所帮助(事实证明这不是我想要的,但你会付钱给你,你会抓住机会)。

谢谢jimbob博士……等了这么久才看到答案。它确实有效。:)
//this is not my code, it's only here to satisfy the SO require that fiddles have
// code associated with them
plot1 = $.jqplot('chart1', [[50,100,50,50,75],[80,70,50,50,40]], {
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions:{ varyBarColor : true }
        },
    series: [
            {seriesColors: [ "#f00", "#4b0", "#b40", '#ff0', '#fb0']}, 
            {seriesColors: ["#00f",  "#b0b", "#a30", "#4b0", '#af0']}
            ],
        highlighter: { show: false }
});