在Highstock更宽的导航器列

Question

我想在Highstock图表中设置导航器列的样式以占用更多的水平空间（更少'gappy'），但我似乎无法找到设置来执行此操作。

Answer 1

您可以在图表配置中使用以下内容：

   spacingBottom: 0,
    spacingTop: 0,
    spacingLeft: 0,
    spacingRight: 0,
    margin:0,
    padding:0 

Answer 2

您可以使用pointPadding和groupPadding来控制项目的宽度，例如：

navigator: {
  series: {
    type: 'column',
    pointPadding: 0,
    groupPadding: 0
  }
}

jsFiddle demo

Answer 3

原来，导航器列宽会根据pointPadding和groupPadding的值自动计算。这对我有用：

navigator: {
    series: {
        type: 'column',
        pointPadding: 2,
        groupPadding: 2
    },
},