Highchart中樣條圖中不同高度的不同顏色

我在高圖中有樣條圖。它的高度是零到一。我想讓y = 0.5行上面的所有點都有一個紅色背景顏色，並且點下面這條線有一個綠色背景。我如何在高圖中做到這一點？Highchart中樣條圖中不同高度的不同顏色

2012-09-10 babak6

嘗試這樣

$(document).ready(function(){ 
    $("#points").each(function(){ 
      if((this).val()>0.5) 
       (this).css("background-color","red"); 
    }); 
})

認爲所有的點必須有id爲「點」，它們的值必須爲各自的高度（0.1,0.2，......這樣的）

來源

2012-09-10 09:39:34 Gautam3164

我只在highchart中的「plotOptions」中設置「series」屬性。我想知道有沒有在這個高圖的任何選項？ – babak6

然後你使用如果（（this）.attr（「series」）> 0.5）就是這樣... – Gautam3164

「這項功能是爲Highcharts 3.0計劃的，我們寫了一個暫時的黑客，但僅限於SVG瀏覽器，這意味着它不能在IE6,7和8中運行。請參閱http://jsfiddle.net/highcharts/PMyHQ/」
- @orsteinHønsi（Admin， Highcharts JS） - 2011年11月14日

來源：http://highcharts.uservoice.com/forums/55896-general/suggestions/787281-threshold-option-for-colors

來源

2012-09-10 16:47:14

可以很好地創建您的series.data從[[x,y],...]轉換爲[{ x:xVal,y:yVal,color:color,...}...]

該功能可能看起來像這樣

function groupDataByValue(data, threshold, aboveColor, belowColor) { 
    var newData = []; 
    $.each(data, function() { 
     var dataPoint = { 
      x: this[0], 
      y: this[1], 
      marker: {} 
     }; 
     var color; 
     if (dataPoint.y > threshold) { 
      color = aboveColor; 
     } else { 
      color = belowColor; 
     } 
     dataPoint.color = color; 
     dataPoint.marker.fillColor = color; 
     newData.push(dataPoint); 
    }); 
    return newData; 
}

之前，設置series.data財產傳球實用方法此方法並將結果值設置爲series.data

Coloring points based on values @ jsFiddle

來源

2012-09-10 17:11:22

Highchart中樣條圖中不同高度的不同顏色

回答

相關問題