操縱highcharts吧

Question

我在探索Highcharts Api並使用了堆積分組條形圖。我想到了改變酒吧的外觀。我希望它成爲一個尖銳的酒吧。可能嗎？提前致謝！

圖片下面：因爲列系列背後的邏輯是指具有矩形工作

Answer 1

改變列系列形狀可能是困難的，所以它需要延伸/改變Highcharts內部碼。

取而代之，您可以使用polygon series。通過一些配置，您應該能夠獲得理想的效果。

$(function() { 

var labels = { 
1: 'Apples', 
4: 'Bananas' 
}; 

Highcharts.chart('container', { 
    chart: { 
    type: 'polygon' 
    }, 
    xAxis: [{ 
     min: -0.5, 
     max: 6, 
     tickPositions: [0, 2, 3, 5], 
     labels: { 
     enabled: false 
     } 
    }, { 
     offset: 0, 
     linkedTo: 0, 
     tickPositions: [1, 4], 
     tickLength: 0, 
     labels: { 
     formatter: function() { 
      return labels[this.value]; 
     } 
     } 
    }], 
yAxis: { 
    min: 0, 
    max: 100 
}, 

series: [{ 
    name: 'series 1', 
    id: 's1', 
    colorIndex: 0, 
    data: [ 
    [0, 0], 
    [0, 25], 
    [2, 20], 
    [2, 0] 
    ] 
}, { 
    name: 'series 1', 
    linkedTo: 's1', 
    colorIndex: 0, 
    data: [ 
    [3, 0], 
    [3, 68], 
    [5, 63], 
    [5, 0] 
    ] 
}, { 
    colorIndex: 1, 
    id: 's2', 
    name: 'series 2', 
    data: [ 
    [0, 25], 
    [0, 50], 
    [2, 45], 
    [2, 20] 
    ] 
}, { 
    name: 'series 2', 
    colorIndex: 1, 
    linkedTo: 's2', 
    data: [ 
    [3, 68], 
    [3, 78], 
    [5, 73], 
    [5, 63] 
    ] 
}] 
}); 
}); 

例如：http://jsfiddle.net/stfhhn7y/