renderTimeSeriesChart method

  1. @override
RenderedApexCharts renderTimeSeriesChart(
  1. HTMLElement output,
  2. ChartTimeSeries chartData
)
override

Renders a Time Series using Line Chart:

Implementation

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

  var div = asDivElement(output);

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

  timeSeries = _reverseSeries(timeSeries);

  chartData.ensureColors(colorGenerator);

  var colors = chartData.colors!;

  var renderArgs = [
    div,
    chartData.title,
    chartData.xTitle,
    chartData.yTitle,
    _xAxisMinMax(chartData),
    _yAxisMinMax(chartData),
    timeSeries.toJSDeep,
    _verticalLines(chartData),
    colors.toJSDeep,
    chartData.options.fillLines,
    chartData.options.straightLines
  ];

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

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