renderFinancialChart method

@override RenderedChartJS renderFinancialChart(HTMLElement output, ChartTimeSeries chartSeries, { bool? ohlc, bool? candlestick, })

Renders financial chart.

ohlc Renders a OHLC chart (default). candlestick Renders a Candlestick chart.

Implementation

@override
RenderedChartJS renderFinancialChart(
  HTMLElement output,
  ChartTimeSeries chartSeries, {
  bool? ohlc,
  bool? candlestick,
}) {
  checkRenderParameters(output, chartSeries);
  checkLoadedFinancial();

  candlestick ??= false;
  ohlc ??= !candlestick;

  if (ohlc && candlestick) {
    print(
      'renderFinancialChart> Conflicting parameters: ohlc = $ohlc ; candlestick = $candlestick! Will use ohlc as primary.',
    );
  }

  var canvas = asCanvasElement(output);

  var seriesPairs = chartSeries.seriesAsEntriesOfTOHLC(
    sortSeriesByCategory: chartSeries.options.sortCategories,
    mapDateTimeToMillis: true,
  );

  chartSeries.ensureColors(colorGenerator);

  var colors = chartSeries.colors!;
  var colorsUp = chartSeries.colorsLighter;
  var colorsDown = chartSeries.colorsDarker;
  var colorsUnchanged = chartSeries.disabledColors!;

  var renderArgs = [
    canvas,
    chartSeries.title,
    chartSeries.xTitle,
    chartSeries.yTitle,
    _xAxisMinMax(chartSeries),
    _yAxisMinMax(chartSeries),
    seriesPairs.toJSDeep,
    _verticalLinesConfig(chartSeries),
    colors.toJSDeep,
    colorsUp.toJSDeep,
    colorsDown.toJSDeep,
    colorsUnchanged.toJSDeep,
    ohlc,
    _onClick(chartSeries),
  ];

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

  return RenderedChartJS(
    this,
    'financial-${ohlc ? 'ohlc' : 'candlestick'}',
    chartObject,
    chartSeries,
  );
}