2015-11-06 24 views
1

我嘗試在higcharts中設置區域圖的參考值。這應該與this example類似,但以100爲基線。因爲它很難形容我附上一張照片。我真的失去了這個話題,感謝任何幫助/提示提前。如何在HighCharts中設置fillArea偏移量

image to describe the problem

+0

你能分享你的代碼嗎?您可以根據這些值設置yAxis最小/最大值。 –

+0

Y軸:{ 分鐘:80, 最大:170 },請參閱本http://jsfiddle.net/Nishith/th3s5aw9/ –

+0

@NishithChaturvedi,我認爲MemLeak的意思是,他希望喬的區域地塊開始上升在100,而你鏈接到它的那個從0開始並且覆蓋了Jane的區域圖。 –

回答

1

threshold一直在尋找什麼即時通訊的。添加到系列中,請參閱jsfiddle

series: [{ 
    name: 'John', 
    data: [105, 103, 104, 107, 102], 
    threshold : 100 
} .... 
+0

哦,去圖!很高興知道。 –

2

我不認爲你可以設置基線實際上是0以外的任何事情,但你可以做的就是修改軸線旋轉,使得它顯示我們的繪圖100偏移的實際值那麼對於你的數據,你可以在相反的方向上將它抵消相同的數量。

yAxis: {   
    labels: { 
     formatter: function() { 
      return [this.value + 100]; 
     } 
    } 
}, 
series: [{ 
     name: 'John', 
     data: [105, 103, 104, 107, 102].offset(-100) 
    }, { 
     name: 'Jane', 
     data: [102, 98, 97, 102, 101].offset(-100) 
    }, { 
     name: 'Joe', 
     data: [103, 104, 104, 98, 105].offset(-100) 
    } 
] 

Array.prototype.offset = function (ofs) { 
    var a = []; 
    this.forEach(function (d) { 
     a.push(d + ofs); 
    }); 
    return a; 
}; 

這樣做,我創建你所希望看到的圖表:

enter image description here

JSFiddle

相關問題