2015-05-01 64 views
1

我在高圖上有散點圖。我從json讀取值。現在我的x軸值從190645到208686不等,這些稱爲運行數。現在我想要的是,即使x軸的點之間的間隔不相等,但它們之間應該以相等的間隔繪製。我希望圖形是對稱的,它們之間沒有不等的間隙。高圖:X軸不等間隔的等距

有沒有辦法做到這一點?

另一個可能的解決方案是,我也有JSON中的值,範圍從1-526(要繪製的點數)。如果我使用這個作爲X軸,那麼這些點具有相等的間距。但是我想在工具提示和x軸標籤中顯示運行編號(不均勻間隔)的值。是否有可能爲標籤和工具提示分離值,然後是被繪製的值?

兩個解決方案要麼會做我

+0

是的,第二種解決方案將爲您工作。這樣簡單地創建點:'data:[{x:index,y:value,extraData:uneven_data},...]'。然後你可以在'tooltip.formatter'中訪問額外的數據:'var my_data = this.point.options.extraData'。 –

回答

0

你可能會迫使highcharts將它們視爲使用類別的x軸值之間的間距相等。

$('#container').highcharts({ 
    xAxis: { 
     categories: ['100', '200', '250', '300', '320', '350', 
      '500', '1000', '1100', '1250', '1500', '1600'] 
    }, 
... 

例如參見http://jsfiddle.net/p0kmbag3/1/