聽力圖與Highcharts

Question

我試圖顯示聽力圖，但我面臨以下困難：

• Y軸有以下幾類125,250,500,1000,2000,4000,8000。他們都需要距離彼此相等。換句話說，儘管有這些值，但間隔必須相等。這不是一個真正的問題，因爲我只能使用類別：[......]和數據：[...]，它工作得很好。
• 問題是，還有750 1500 3000 6000的值，但它們必須顯示在鄰近點之間距離的2/3處，這違背了數學定律。

這是應該的樣子： Sample

這是我走到這一步， Mine

Answer 1

我會

• 多個X的組合做軸
• 類別
• tickPositions
• 軸標籤格式

這裏舉例：

http://jsfiddle.net/jlbriggs/D2TPh/

labels: { 
    formatter:function() { 
    var v = this.value; 
    if (v == 2.66) return '750'; 
    else if (v == 3.66) return '1.5k'; 
    else if (v == 4.66) return '3k'; 
    else if (v == 5.66) return '6k'; 
    } 
} 

Answer 2

看起來像你想有一個二進制數Y軸（基數爲2）。我知道Highcharts支持基地10 logarithmic axes，但通過快速搜索沒有找到如何使用基地2

什麼你可以嘗試是：

• 定義你的Y數據點爲log2（Y），因此它們均勻間隔

• 使用axis formatter將它們格式化爲在Y軸上顯示爲pow（2，y）以顯示原始值。

Answer 3

在使用categories的情況下，您應該實現滴答之間的相同距離。

http://jsfiddle.net/3K86L/

但你也可以使用tickPostitions或使用tickPositioner

http://api.highcharts.com/highcharts#xAxis.tickPositioner