Maxin with multiple chartData

[shtse8]

I am using reactiveProp to update my chart when props are changed. But I don't know how to config for multiple chartData as my chart is multiple lines. Any help? Thanks.

[apertureless]

Can you show your code or provide a codepen ? You don't have to config anything. It should just work 😅

[elanvelazquez]

this is my vue file
Charts.zip

and this is my error:

how can i solve this?

[shtse8]

// MonthlyIncome.js
import { Line, mixins } from 'vue-chartjs'

export default {
  extends: Line,
  mixins: [mixins.reactiveProp],
  props: ['chartData', 'options'],
  mounted () {
    this.renderChart(this.chartData, this.options)
  }
}

Once this.chartData is mixed chartData as follow:

{
    datasets: [{
          label: 'Bar Dataset',
          data: [10, 20, 30, 40]
        }, {
          label: 'Line Dataset',
          data: [50, 50, 50, 50],

          // Changes this dataset to become a line
          type: 'line'
        }],
    labels: ['January', 'February', 'March', 'April']
  }

How can I config for this case?

[apertureless]

So you adding the type dynamically?

[shtse8]

I got the concept of chartData now. I need to put the whole object into the component instead of just the data.