0

正と負のデータを yAxis (正と負の両方に複数の列) と呼ばれる 1 つのデータ セットにマージしました。コードは次のとおりです。

//...

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>

現在の様子はこちら

「bad」と「ble」を赤くしたいです。この問題をflotで処理する方法のマニュアルをいくつか見つけましたが、flotr(flotr2)では処理しませんでした。

以下のように何とかする方法はありませんか?それとも、ここのようにデータを分割する必要がありますか?

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

1 に答える 1

0

さて、解決策が見つかりました。データを2つの配列に分割することが役に立ちました。コードは以下のとおりです。

            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.
                //...
于 2015-08-10T08:02:07.127 に答える