2015-08-10 3 views
0

Я объединил положительные и отрицательные данные в один набор данных, называемый yAxis (несколько столбцов для положительных и отрицательных). Вот код:Flotr2 разные цвета для двух наборов данных

//... 

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

Я хотел бы 'плохим' и 'блюдаемыми' быть красным. Я нашел несколько руководств, как справиться с этой проблемой с помощью флота, но не flotr (flotr2).

Есть ли способ сделать это как-то вроде ниже? Или, может быть, я должен разделить данные вроде here?

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

ответ

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. 
       //...