2013-04-23 30 views
0

我正在嘗試創建極座標柱狀圖。 此圖表必須顯示堆積列。 這很簡單,但真實情況是我得到了極座標圖外圍極座標圖的x軸&標籤,但我希望它們位於中心內。它可以實現嗎?是否有可能創建具有x軸中心而不是圓周的Highchart極座標圖表

感謝您的時間

+0

你爲什麼不告訴我們你到目前爲止做了什麼,也許在的jsfiddle? – SteveP 2013-04-23 08:39:35

+0

我沒有做太多,使用風玫瑰示例http://jsfiddle.net/QgUgW/,我嘗試使用xAxis的相反屬性,但未能將其移至居中。 – Strikers 2013-04-23 09:41:46

+0

我通常會使用標籤{x:-10}類型屬性來移動xAxis標籤,但在極座標模式下偏移量沒有正確映射。可能是一個錯誤? – SteveP 2013-04-23 10:00:08

回答

1

這不是直接支持,但可能實現。

我們需要爲那個創建一個額外的假系列和軸。然後使用偏移量,我們可以將主軸移動到中心。最後一件事是計算yAxis的最小值,以確保列不會從內部開始。

$('#container').highcharts({ 
    series: [{ 
     data: [12,13,14,15,5,17] 
    }, { 
     data: [13,15,4,12,14,16] 
    }, { 
     data: [1,15,13,4,14,16] 
    },{ 
     data: [13,15,3,12,1,16] 
    }, { 
     data: [null,null,null,null,null,null], 
     xAxis: 1 
    }], 
    chart: { 
     polar: true, 
     type: 'column' 
    }, 

    xAxis: [{ 
     offset: 120, 
     tickInterval: 1, 
     tickmarkPlacement: 'on' 
    }, { 
     lineWidth: 0, 
     tickInterval: 1, 
     labels: { 
      enabled: false 
     } 
    }], 

    yAxis: { 
     min: -35, 
     endOnTick: false, 
     showLastLabel: true, 
     title: { 
      text: null 
     }, 
     labels: { 
      align: 'center', 
      formatter: function() { 
       if(this.value >= 0){ 
        return this.value + '%'; 
       } else { 
        return ''; 
       } 
      } 
     } 
    }, 
    plotOptions: { 
     series: { 
      stacking: 'normal', 
     } 
    } 
}); 

例子:http://jsfiddle.net/QgUgW/4/

+0

你已經看到了圖像中的堆積列,這是可能與高圖? – Strikers 2013-04-26 05:19:40

+0

你能告訴我爲什麼我們需要額外的系列零數據和一個額外的軸,因爲當我已經刪除次x軸和空系列,那麼它也看起來很好。 – Strikers 2013-04-26 05:57:25

+0

你沒有從內部直線。這是第二軸和額外系列的唯一理由。 – 2013-04-26 11:32:40

相關問題