如何将trendLine的initialValue设置为AmCharts中value Axis的最大值？

Question

我正在使用AmCharts填充我的数据。我在我的图表中显示趋势线。有没有办法将value Axis的最大值设置为trendiine的initialValue？

var trendLines = [{
  "initialValue": 1800,
  "initialCategory": 1997,
  "lineColor": "#050",
  "lineThickness": 1,
  "dashLength": 5
  "finalValue": 0,
  "finalCategory": 1997
}

下面是一个在initialValue中包含静态值的code pen demo

Answer 1

如果你的值轴中有一个静态的/硬编码的minimum和maximum，你可以按照Robbert在注释中提到的那样做。如果要动态设置，可以使用init事件访问valueAxis的只读min和max属性，这些属性对应于计算出的valueAxis的最小值和最大值，并在其中添加/设置趋势线。下面是一个创建新趋势线的示例，该趋势线从第一个类别和最大值，到最后一个类别和最小值：

var chart = AmCharts.makeChart("chartdiv", {
  //other settings omitted
  "listeners": [{
    "event": "init",
    "method": function(e) {
      var trendline = {
        "initialValue": e.chart.valueAxes[0].max, //max axis value
        "finalValue": e.chart.valueAxes[0].min,  //min axis value
        "initialCategory": e.chart.dataProvider[0][e.chart.categoryField],
        "finalCategory":e.chart.dataProvider[e.chart.dataProvider.length - 1][e.chart.categoryField]
      };
      e.chart.trendLines.push(trendline);
      e.chart.validateNow();
    }
  }]
});

Demo