ChartJs error in displaying my array data

Question

I have an error when I display my array with chartjs. its does not display my values in the graph but its does display them as a label.

myChart

  var data  = {

      labels: [this.dataTime],
      datasets: [{
        label: 'Custom Label Name',
        backgroundColor: gradient,
        pointBackgroundColor: 'white',
        borderWidth: 1,
        borderColor: '#911215',
        data: [this.dataPrice],
      }]
  };

please share stackblitz link to know more in detail

Nirmalya Roy
– Nirmalya Roy

2021-03-12 21:31:54 +00:00
Commented Mar 12, 2021 at 21:31 — Nirmalya Roy
– Nirmalya Roy, Commented Mar 12, 2021 at 21:31

LeeLenalee · Accepted Answer · 2021-03-13 00:11:27Z

2

Looking at your chart it's treating the labels als multiline since it's an array in an array.

If you remove the array brackets around the labels variable and the array brackets around the data variable it should work.

So you would get:

var data  = {
      labels: this.dataTime,
      datasets: [{
        label: 'Custom Label Name',
        backgroundColor: gradient,
        pointBackgroundColor: 'white',
        borderWidth: 1,
        borderColor: '#911215',
        data: this.dataPrice,
      }]
  };

edited Mar 13, 2021 at 0:11

answered Mar 12, 2021 at 22:05

LeeLenalee

31.9k7 gold badges62 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dan Over a year ago

Despite a late reply, thank you for helping me

Collectives™ on Stack Overflow

ChartJs error in displaying my array data

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related