[Chartjs]-Rendering a chart with multiple y axes will display both datasets on the larger scale

by

1👍

✅

If your y-axis scale objects are y: {...} and y1: {...}, then y and y1 are your y-axis IDs.

These IDs are added to the appropriate dataset options as yAxisID, (your code has a typo in yAxisId where the ‘d’ should be uppercase)

  datasets: [
    {
      yAxisID: 'y',
      label: 'Data One',
      backgroundColor: '#f87979',
      data: [6027, 5369, 5739, 6123, 6345, 6901, 5802],
    },
    {
      yAxisID: 'y1',
      label: 'Data Two',
      data: [0.004, 0.006, 0.002, 0.008, 0.001, 0.003, 0.005],
    },
  ],

Updated stackblitz

Leave a comment