HighChart - 堆叠条形图 - 在条形图上显示虚线，但在条形图的左侧不可见

Question

我已附上屏幕截图以显示图表左侧的虚线。如果我们能够实现该功能将会很有帮助并且我尝试增加边框的宽度，它稍微可见。你有什么合适的方法来实现这个目标吗？

代码片段：

Highcharts.chart('container', { 图表： { 类型：'bar'，字符宽度：520， chartHeight:300, 保证金：[70,0,0,0] }, x轴：{ 类别：['Jan'], 可见：假 }, y轴：{ 分钟：0，可见：假 },

plotOptions: {
series:{
stacking:'normal'
},    
dataLabels: {
enabled : false,   
}
},

series: [{
name: 'John',
data: [{
  y: 15
}]

}, { 姓名：'Jane'，数据： [{ 是：22 }] }, { 姓名：'Joe', 数据： [{ 是：33， }] }, {

stacking: false,
data: [55],
grouping: false,    
dashStyle:'ShortDash',
color: 'transparent',
borderWidth: 2,
borderColor: 'red',

}] });

感谢您的回复

[![在此处输入图片描述][2]][2]

Answer 1

栏的左侧连接到 x 轴，这使得左边框不那么明显。这个问题有一些可能的解决方案。

可以将borderWidth属性设置为3，那么边框可见。

演示：

https://jsfiddle.net/BlackLabel/01m6p47f/

API 参考文献：

https://api.highcharts.com/highcharts/series.bar.borderWidth
```
{
 name: 'Joe',
 borderWidth: 3,
 borderColor: 'red',
 data: [{
  y: 33,
 }]
}
```
您也可以使用 SVG 渲染器自己渲染边框。

文档： https://api.highcharts.com/class-reference/Highcharts.SVGRenderer

使用 SVG 渲染器的示例演示： https://jsfiddle.net/BlackLabel/2koczuq0/

HighChart - Stacked Bar chart - To show dash line over the bar chart but it is not visible on Left side of the bar