保持highcharts堆叠列borderWdith但删除堆叠间隙

Question

如何将highcharts列的borderWidth保持为1px，同时删除堆叠的边框宽度？

plotOptions: {

        series: {
            pointPadding: 0,
            groupPadding: 0,
            borderWidth: 1
        },
        column: {
            stacking: 'normal',
            borderWidth: 0 // this will not work
        }
    },

Answer 1

您可以保持borderWidth等于0并添加将分隔列的白色绘图线。

xAxis: {
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],
        plotLines: [{
            value: 0.5,
          width: 1,
          color: 'white',
          zIndex: 5
        }, 

示例：http://jsfiddle.net/v6fwwLkq/

解决方案的缺点是它覆盖了水平网格线（创建1个px空间）。如果它涉及到你，那么可以改变绘图线高度（需要包装Highcharts代码）或者可以添加具有适当高度的自定义垂直线。