在高图中，是否可以在柱形图中制作一个条形，使其顶部与图表区域的边缘“位于图表边界的顶部”？

Question

这是演示的JSFiddle。

在上面的JSFiddle中显示的两个条形图中，两个条形的顶边和底边不是黑色，而是灰色，因为那是图表边框/绘图区域边框的颜色。是否可以将两个条形图放置在图表边框的“顶部”（以便它们的所有侧面均为黑色）？我曾尝试使用“系列”中的zIndex。但这不起作用。

这些是最相关的javascript代码：

Highcharts.chart('container', {
    chart: {
        type: 'column',
        borderWidth: 1,
        plotBorderWidth: 1,
        marginBottom: 100
    },
    plotOptions: {
      series: {
        borderColor: 'black',
        animation: false  
      },
    },
    xAxis: {
        categories: ['1', '2']
    },
    yAxis: {
           tickInterval: 10,
           min: -50,
           max: 50
    },

    series: [{
        data: [50,  -50],
        zIndex: 300
    }]
});

Answer 1

要实现此效果，您可以将series.column.clip：false设置为。禁用此选项将允许在plotArea边界上进行系列渲染。

series: [{
    clip: false,
    data: [50, -50]
  }]

实时演示：https://jsfiddle.net/BlackLabel/2kyc4dbu/

API参考：https://api.highcharts.com/highcharts/series.column.clip