2015-09-27 30 views
4

如果我正確理解the documentation,Highcharts系列「區域」應該在數據傳遞到不同「區域」時重新着色數據點。Highcharts Column Zones

  • 這可以在最初使用'line'或'column''圖表類型'加載表時起作用。
  • 當我更新類型「線」的圖表的數據點的值這工作
  • 這確實當我更新的圖表類型「列中的」
的數據點的值 工作

這裏是小提琴:http://jsfiddle.net/bfb6w1qq/1/

你可以嘗試設置從'列'到'行'的類型,看它如預期工作。

我的問題是 - 這是一個錯誤還是我缺少某種配置設置?我甚至試圖強制重新抽籤,但仍然沒有運氣。

在此先感謝!

下面是代碼:

$(function() { 
$("#higher").on("click", function() 
{ 
    chart = $('#container').highcharts(); 
    chart.series[0].data[0].update(
     { 
      x: 0, 
      y: 15 
     }) 
    chart.redraw(); 
}); 

$('#container').highcharts({ 
    chart: 
     { 
      type: 'column' 
     }, 
    series: [{ 
     data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5], 
     zones: [{ 
      value: 0, 
      color: '#f7a35c', 
      fillColor: '#f7a35c' 
     }, { 
      value: 10, 
      color: '#7cb5ec', 
      fillColor: '#7cb5ec' 
     }, { 
      color: '#90ed7d', 
      fillColor: '#90ed7d' 
     }] 
    }] 
}); 

});

+1

我不知道解決的辦法,但一個觀察:我不認爲有更新型「線」的圖表的數據點的值時,它工作正常。如果再看一次,線條顏色會更新,但不是點顏色。所以我想這是一個普遍問題,而不是專欄。 – sheilak

+0

@sheilak哇。我沒有注意到這一點。你是對的。我注意到的下一件事是,如果將鼠標懸停在元素上,然後將鼠標移出,則元素將轉換正確的顏色。也許有一些方法可以模擬「退出」中發生的事情以繞過問題。 – user1142433

+1

有趣!對我來說看起來像一個bug。解決這個問題的另一個選擇是使用removePoint和addPoint,但是這不會使列向上移動的動畫效果相同。 – sheilak

回答