renderScatterTimedChart method

@override RenderedApexCharts renderScatterTimedChart(HTMLElement output, ChartTimeSeries chartSeries)

Renders a Scatter Chart Timed with DateTime values in X axis:

Implementation

@override
RenderedApexCharts renderScatterTimedChart(
  HTMLElement output,
  ChartTimeSeries chartSeries,
) {
  checkRenderParameters(output, chartSeries);
  checkLoaded();

  var div = asDivElement(output);

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

  chartSeries.ensureColors(colorGenerator);

  var colors = chartSeries.colors!;

  var yAxisScale = chartSeries.yAxisScale!;

  var yMin = yAxisScale.minimumNice;
  var yMax = yAxisScale.maximumNice;

  var renderArgs = <Object?>[
    div,
    chartSeries.title,
    chartSeries.xTitle,
    chartSeries.yTitle,
    _xAxisMinMax(chartSeries),
    _yAxisMinMax(chartSeries),
    timeSeries.toJSDeep,
    _verticalLines(chartSeries),
    colors.toJSDeep,
    yMin,
    yMax,
    true,
  ];

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

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