renderTimeSeriesChart method

@override RenderedChartJS renderTimeSeriesChart(HTMLElement output, ChartTimeSeries chartData)

Renders a Time Series using Line Chart:

Implementation

@override
RenderedChartJS renderTimeSeriesChart(
    HTMLElement output, ChartTimeSeries chartData) {
  checkRenderParameters(output, chartData);
  checkLoaded();

  var canvas = asCanvasElement(output);

  var timeSeries = chartData.seriesAsPairsOfMap(
      sortSeriesByCategory: chartData.options.sortCategories,
      mapDateTimeToMillis: true);

  chartData.ensureColors(colorGenerator);

  var colors = chartData.colors!;

  var renderArgs = [
    canvas,
    chartData.title,
    chartData.xTitle,
    chartData.yTitle,
    _xAxisMinMax(chartData),
    _yAxisMinMax(chartData),
    timeSeries.toJSDeep,
    _verticalLinesConfig(chartData),
    colors.toJSDeep,
    chartData.options.fillLines,
    chartData.options.straightLines,
    chartData.options.steppedLines,
    _onClick(chartData)
  ];

  var chartObject = _jsWrapper!.callMethodVarArgs<JSObject>(
      'renderTimeSeries'.toJS, renderArgs.map((e) => e.toJSDeep).toList());

  return RenderedChartJS(this, 'time-series', chartObject, chartData);
}