2012-11-07 59 views
4

我需要使用一個系列中Y軸的百分比和絕對值。雙軸使用百分比和絕對值到Highcharts中的同一系列

在高圖http://www.highcharts.com/demo/combo-multi-axes中有一些例子,但它使用了兩個不同的系列。例如,我需要Y軸的值直到1000,另一個Y軸顯示項目系列的百分比。

+1

我想我知道你在問什麼,但我對一些事情不清楚。你將如何標記總共有多少百分點?它的價值可能是負面的嗎?如果是這樣,那會是多少百分比?這是基於類還是基於時間?你有預期產出的例子嗎?你的數據是什麼樣的? – wergeld

+0

@wergeld我想我有同樣的問題,並試圖解釋我的情況。基本上我想要一個柱狀圖,它有兩個與y數據相關的值。一個是數字,另一個是百分比。這些數字我會通過圖表,但我不知道如何顯示兩者。 – Squazic

+0

@Squazic創建2個系列 - 1是值,2是百分比。將系列1發送至主要y軸,將系列2發送至次要7軸。如何將主數據集中的值和百分比分開取決於您如何格式化數據。我會發佈一個新的問題,提供更多的細節讓我看看。 – wergeld

回答

5

您可以創建第二個Y軸並使用xAxis.linkedTo屬性將其鏈接到第一個(第0個)。然後在第二個軸的標籤格式化程序中,計算以獲取百分比。

yAxis:[{    
    }, 
    { 
     labels:{ 
      formatter:function(){ 
       var max=this.axis.linkedParent.dataMax, 
        min=this.axis.linkedParent.dataMin, 
        range=max-min;      
       return ((this.value-min)/(range)*100) + ' %'; 
      } 
     }, 
     linkedTo:0, 
     opposite:true 
    } 
] 

Dual axes | Highchart & Highstock @ jsFiddle