AM使用zoomToDates查看初始视图

时间:2015-06-28 20:19:45

标签: amcharts

对此一点感到难过。

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

直播页面是 b2 resource urq sales

我试图将初始视图设置为从2000到现在显示..我想从图表中的早期80年开始拍一些原始销售数据,但不希望图表最初显示最近30多年..

任何帮助都会非常感谢!

3 个答案:

答案 0 :(得分:5)

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()构造函数参数(第二个参数)中的月份是从零开始的。意思是1月是0,2月1日等等。

答案 1 :(得分:1)

您应该为zoomToValues使用chart对象的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));
 }

答案 2 :(得分:-1)

这对我有用。:

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参数从零开始。 1月是0,2月是1等等。