如何在Gantt amcharts和Serial上同步光标?

时间:2019-04-12 13:48:15

标签: javascript jquery amcharts

我正在使用以下示例来同步AmCharts Gantt和Serial: https://www.amcharts.com/docs/v3/tutorials/sync-serial-gantt-chart/

但是如何同步光标?

两个轴上都有日期:

Serial

Gantt

这是我正在尝试的代码:

var __handleCursorChange = function(event)
{
  var charts = AmCharts.charts;
  event.chart.lastCursorPosition = event.index;
  for (var x in charts)
  {
    var chart = charts[x];
    if (event.chart !== chart)
    {
      if(event.chart.type !== 'gantt')
      {
        if(chart.type !== 'gantt')
        {
          chart.chartCursor.syncWithCursor(event.chart.chartCursor);
        }
        else
          {
          var timestamp = event.chart.chartCursor.timestamp;
          console.log('passing over serial',
            timestamp,
            moment(timestamp).format(dateFormatDB)
          );
          chart.chartCursor.showCursorAt(new Date(timestamp));
          //chart.addChartCursor(event.chart.chartCursor);
        }
      }
      else
        {
        console.log(
          'passing over gantt',
          event.chart.categoryAxis.xToIndex(),
          event.chart.valueAxis.getCoordinate()
          /*event.chart.valueAxis.getCoordinate(),
          event.chart.CategoryAxis,
          event.chart.CategoryAxis.coordinateToDate()*/
        );
        chart.chartCursor.showCursorAt(event.chart.valueAxis.getCoordinate());
      }
    }
  }
};

0 个答案:

没有答案