在 HighChart 中的一堆条中隐藏 Space

Question

我是 highchart 和创建图表的新手。但是有一个奇怪的空白 space 出现在一个无法弄清楚如何解决的栏中。鉴于 pattern-fill 中的图像，所有三个条中都有一个 space。

样式：

color: {
   pattern :{
    path: {
       d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11',
       strokeWidth: 5
       },
       stroke:'#33AD8E',
       color:'#33AD8E'
    }

 }

Answer 1

您需要为模式设置 width 和 height:

color: {
  pattern: {
    path: {
      d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11',
      strokeWidth: 5
    },
    width: 10,
    height: 10,
    ...
  }
}

现场演示： http://jsfiddle.net/BlackLabel/mkh5rg9x/

文档： https://www.highcharts.com/docs/chart-design-and-style/pattern-fills

在 HighChart 中的一堆条中隐藏 Space

Hide Space in a stack of bar in HighChart

javascript

highcharts

salesforce-lightning