angular 4 Highcharts设置yAxis类别

时间:2017-12-26 09:58:55

标签: angular highcharts

我正在使用angular4和Highcharts。 我想用两个y轴创建图形。

所以:

  1. 它只会显示一系列数据
  2. 它将显示2个yaxis,其中一个将具有我定义的标签(它只有2个标签:0 +最大值)
  3. 我该怎么做?

    enter image description here

1 个答案:

答案 0 :(得分:1)

请参阅此现场演示: http://jsfiddle.net/kkulig/dhsgo47z/

如果您希望辅助轴具有与主要轴相同的极值,那么添加新轴的好位置是加载事件(因为它不使用硬编码值):

  chart: {
    events: {
      load: function() {
        var primaryYAxis = this.yAxis[0];

        this.addAxis({
          title: {
            text: 'Secondary'
          },
          min: primaryYAxis.min,
          max: primaryYAxis.max,
          tickPositions: [0,  primaryYAxis.max],
          endOnTick: false,
          labels: {
            formatter: function() {
                return this.isLast ? "Maximum" : this.value;
            }
          }
        }, false);
      }
    }
  },

tickPositiones用于设置刻度的确切位置(不会多于也不会少于定义)。 labels.formatter用于为第二个刻度线提供自定义字符串值。

API参考: