Highchat yaxis偏移属性也移动网格线

时间:2018-03-08 12:50:46

标签: javascript highcharts

我正在为y轴标签和网格线组合http://jsfiddle.net/ggfvggq8/6/寻找此设计 这是我用过的配置

yAxis: {
        title: {
        text: null,
      },
      labels: {
        enabled: true,
        align: 'left',
        x:1,
        y:-8
      },
    },

我需要在y轴和列的开始之间有一些固定的余量。

如果我在yAxis中使用偏移属性,那么它会添加边距,但也会移动网格线并弄乱所需的设计。这里是小提琴和代码

yAxis: {
       offset:30
    },

https://jsfiddle.net/caka5yfw/1/

您是否看到了相同的解决方案?

请告诉我。谢谢!

2 个答案:

答案 0 :(得分:0)

您可以将标签align设置为right而不是left,然后移除offset,如下所示

labels: {
    enabled: true,
    align: 'right',
    x:1,
    y:-8
}

JSFiddle

答案 1 :(得分:0)

你可以使用轴'勾选以延长网格线。请参阅yAxis.tickWidthyAxis.tickLength属性。

yAxis: {
  title: {
    text: null,
  },
  tickLength: 40,
  tickWidth: 1,
  tickColor: '#e6e6e6',
  labels: {
    y:-8
  },
},

直播示例:http://jsfiddle.net/5yab1y32/

lengthen gridlines