AM图表使用zoomToDates的初始视图

Question

在这一点上被难倒了一段时间。

我在zoomToIndexes上找到了其他一些帮助，但我无法让zoomToDates在我的页面上工作。

活动页面为b2 resource urq sales

我正在尝试将初始视图设置为从2000显示为当前视图。我想在图表中添加一些80年代初的原始销售数据，但不希望图表最初显示最近几年的30+。

任何帮助都将不胜感激！

Answer 1

zoomToDates使用真实的JavaScript Date对象作为参数：

chart.zoomToDates(new Date(2005, 0, 1), new Date(2015, 11, 31));

你也可以使用图表的rendered事件在加载时“预缩放”：

var chart = AmCharts.makeChart("chartdiv", {
  // your chart config
  // ...
});

chart.addListener("rendered", function(event) {
  event.chart.zoomToDates(new Date(2005, 0, 1), new Date(2015, 11, 31));
});

注意，Date()构造函数参数(第二个参数)中的月份是从零开始的。表示一月是0，二月是- 1，依此类推。

Answer 2

对于zoomToValues，应使用图表对象的valueAxis属性。我希望这对你有帮助。

 var chart= AmCharts.makeChart("chartdiv", {
      "type": "gantt",
      "theme": "black",
           ...
    });

    zoomChart();
    chart.addListener("dataUpdated", zoomChart);



 function zoomChart(event) {
   chart.valueAxis.zoomToValues(new Date(2017, 2, 10), new Date(2017,2,12));
  // or ==> event.chart.valueAxis.zoomToValues(new Date(2017, 2, 10), new Date(2017,2,12));
 }

Answer 3

这对我很有效：

var chart = AmCharts.makeChart('chartdiv', {
  type: 'serial',
  ...
});

chart.addListener('dataUpdated', zoomChart);

zoomChart();

function zoomChart() {
  chart.zoomToDates(new Date(2018, 2, 26), new Date(2018, 2, 28));
}

注意: Date()构造函数中的months参数是从零开始的。一月是0，二月是1，依此类推。