renderLineChart method

  1. @override
RenderedChartJS renderLineChart(
  1. HTMLElement output,
  2. ChartSeries chartData
)
override

Renders a Line Chart:

Implementation

@override
RenderedChartJS renderLineChart(HTMLElement output, ChartSeries chartData) {
  checkRenderParameters(output, chartData);
  checkLoaded();

  var canvas = asCanvasElement(output);

  var series = chartData.options.sortCategories
      ? chartData.seriesSortedByCategory
      : chartData.series;

  chartData.ensureColors(colorGenerator);

  var colors = chartData.colors!;

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

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

  return RenderedChartJS(this, 'line', chartObject, chartData);
}