Flotr2用于两组数据的不同颜色

时间:2015-08-10 06:52:51

标签: javascript colors flotr2

我已将正面和负面数据合并到一个名为yAxis的数据集中(正面和负面都有多个列)。这是代码:

//...

var yAxis = [wololoTotalValues];
var xAxis = wololoTotalKeys;

window.onload = function () {
    Flotr.draw(document.getElementById("chart"), yAxis, {
        title: "wololo",
        bars: {
            show: true,
            barWidth: 0.8
        },
        yaxis: {
            min: 0,
            max: wololoMaxValue + 10,
            tickDecimals: 0
        },
        xaxis: {
            ticks: xAxis
        }
    });
};  

//...
<div id='chart' style="width:1200px;height:500px;"></div>

Here's how it looks like now

我希望'坏'和'ble'变红。我发现一些手册如何用flot处理这个问题,但不是flotr(flotr2)。

有没有办法让它在某种程度上像下面?或者我可能必须拆分here

等数据
colors: (yAxis[0-lastGood] : "#0000FF"), (yAxis[lastGood+1-lastBad] : "#FF0000")

1 个答案:

答案 0 :(得分:0)

好的,找到解决方案,将数据分成两个数组帮助。代码如下:

            var gud = [];
            for(i=0; i<wololoLengthGood; i++){
                gud.push([i, wololoValuesGood[i]]);
            }

            var bad = [];
            for(i=wololoLengthGood; i<wololoLengthGood+wololoLengthBad; i++){
                bad.push([i, wololoValuesBad[i-wololoLengthGood]]);
            }

            window.onload = function () {
                Flotr.draw(document.getElementById("chart"), 
                [{                         // replacement of 'yAxis' from here
                    data: gud,
                    color: "#0000FF"
                },{
                    data: bad,
                    color: "#FF0000"
                }],                        // till here.
                //...