Function linechart

tfjs-vis/src/render/linechart.ts:60–207

(
    container: Drawable, data: XYPlotData,
    opts: XYPlotOptions = {})

 * @doc {heading: 'Charts', namespace: 'render'}
 */
export async function linechart(
    container: Drawable, data: XYPlotData,
    opts: XYPlotOptions = {}): Promise<void> {
  // Nest data if necessary before further processing
  const _data = Array.isArray(data.values[0]) ? data.values as Point2D[][] :
                                                [data.values] as Point2D[][];
  const numValues = _data[0].length;

  // Create series names if none were passed in.
  const _series: string[] =
      data.series ? data.series : _data.map((_, i) => `Series ${i + 1}`);
  assert(
      _series.length === _data.length,
      'Must have an equal number of series labels as there are data series');

  if (opts.seriesColors != null) {
    assert(
        opts.seriesColors.length === _data.length,
        'Must have an equal number of series colors as there are data series');
  }

  const vlChartValues: VLChartValue[] = [];
  for (let valueIdx = 0; valueIdx < numValues; valueIdx++) {
    const v: VLChartValue = {
      x: valueIdx,
    };

    _series.forEach((seriesName, seriesIdx) => {
      const seriesValue = _data[seriesIdx][valueIdx].y;
      v[seriesName] = seriesValue;
      v[`${seriesName}-name`] = seriesName;
    });
    vlChartValues.push(v);
  }

  const options = Object.assign({}, defaultOpts, opts);

  const yScale = (): {}|undefined => {
    if (options.zoomToFit) {
      return {'zero': false};
    } else if (options.yAxisDomain != null) {
      return {'domain': options.yAxisDomain};
    }
    return undefined;
  };

  const sharedEncoding = {
    x: {
      field: 'x',
      type: options.xType,
      title: options.xLabel,
    },
    tooltip: [
      {field: 'x', type: 'quantitative'},
      ..._series.map(seriesName => {
        return {
          field: seriesName,
          type: 'quantitative',