How to recreate website examples?

[rockiger]

Hello, I'm having a hard to recreate the "Performance!" example from the homepage.

I copied the whole example from github and changed only the label and the datasets:

const myChart = new Chart(ctx, {
            type: 'line',
            data: {
              labels: intervalData1.map((el, idx) => `${idx + 1}`),
              datasets,
              options: {
                radius: 0,
                borderWidth: 1,
                parsing: false,
                normalized: true,
                animation: false,
                interaction: {
                  mode: 'nearest',
                  axis: 'x',
                  intersect: false
                },
                plugins: {
                  legend: false,
                  decimation: {
                    enabled: true
                  }
                },
                scales: {
                  x: {
                    type: 'linear',
                    display: false,
                    bounds: 'data'
                  },
                  y: {
                    type: 'linear',
                    display: false,
                  }
                }
              } 
            }
          });

Unfortunately, the result looks totally different. Can somebody tell me what I am doing wrong.

[LeeLenaleee]

You have putted your options in the data field but it is supposed to be in the root.

Your config (simplefied):

new Chart('canvasId', {
  type: 'line',
  data: {
    labels: [],
    datasets: [],
    options: {}
  }
})

Correct config (simplefied):

new Chart('canvasId', {
  type: 'line',
  data: {
    labels: [],
    datasets: []
  },
  options: {}
})

[rockiger]

Thanks so much. I don't know why copying code was too hard for me.