HighCharts xAxis显示在0行,所有列之间都有刻度线

问题描述 投票:0回答:1

我在HighCharts云中开发了一堆带有正负值的条形图。

第一个问题:

  • 是否可以让x轴出现在0行(而不是图表的底部)?

到目前为止我所做的是偏移xAxis所以它被放在0线上,这有点起作用,但我希望有更好的解决方案。我认为的另一种方法是在yAxis上使用plotLines代码,但我没有得到滴答:

plotLines: [{
        color: '#010101',
        width: 2,
        value: 0,
        zIndex: 5
    }],

第二个问题:

  • 是否可以在每个条形图之间显示刻度线,而不仅仅是具有xAxis标签的条形图?

这就是我现在正在呈现的内容,我正在尝试在所有条形图之间勾选,同时显示相同数量的标签https://cloud.highcharts.com/show/cLtfEDClS

highcharts
1个回答
0
投票

第一个问题:您可以将此配置合并到Cloud的自定义代码部分中的图表选项中:

  chart: {
    events: {
      load: function() {
        var yAxis = this.yAxis[0];
        this.xAxis[0].update({
          offset: -yAxis.toPixels(Math.abs(yAxis.min), true)
        });
      }
    }
  },

但是:ぁzxswい

它自动定位x轴,使其作为http://jsfiddle.net/BlackLabel/6712zrod/线。

第二个问题:

尝试将y = 0设置为X Axis[0] > Labels > Step

1

API参考:enter image description here

文件说明:

要仅显示轴上的每个第n个标签,请将步骤设置为n。将步骤设置为2会显示每个其他标签。默认情况下,会自动计算步骤以避免重叠。要防止这种情况,请将其设置为1.这通常仅发生在类别轴上,并且通常表示您选择了错误的轴类型。

© www.soinside.com 2019 - 2024. All rights reserved.