在 Amcharts 中动态改变 valueAxis

Question

我正在使用 Amcharts 填充我的数据。

我的图表中有 4 个图表，valueAxes 为 0-100。

在视图中加载图表后，我有什么方法可以将 valueAxes 动态更改为 0-250。

我试过this，但没用。

我正在使用它进行更改，但它没有更改轴值和图表。

<input class="form-control maxField" type="number" placeholder="Max value">

      $(".maxField").on("keyup", function() {
        var valueAxis = new AmCharts.ValueAxis();
        valueAxis.maximum = this.value;
        chart.addValueAxis(valueAxis);
        chart.validateNow();
      });

Answer 1

如果您需要做的只是动态更改 maximum 属性，那么操纵现有值轴比创建新值轴更好。

试试这个：

$( ".maxField" ).on( "keyup", function() {
  chart.valueAxes[0].maximum = this.value;
  chart.validateNow();
} );

在 Amcharts 中动态改变 valueAxis

Dynamically change valueAxis in Amcharts

javascript

amcharts