操纵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/