xlsdg / vue-echarts-v3-demo Goto Github PK

Hi, I'm trying to define programmatically the bars for my chart doing this:

<script> import { defineComponent } from "@vue/runtime-core"; import IEcharts from 'vue-echarts-v3/src/full.js' export default defineComponent({ name: 'NewHistogram', data(){ return { bars: { title: { text: 'Prova' }, xAxis: { data: [] }, yAxis: {}, series: [{ name: 'IVA', type: 'bar', data: [] }] }, anno: 0, } }, components: { IEcharts }, props: { title: String, parameter: String, date: Number, column: String }, inject: ['company'], mounted(){ this.elaborate(this.date) }, methods: { elaborate(date){ this.anno = date axios('/api/histogram', { params: { code: this.company.codice_ditta, column: this.column, anno: date, } }) .then(({data}) => { const bars = {...this.bars} data.map((d, i) => { const value = d.valore bars.xAxis.data.push(d.mese) bars.series[0].data.push(value) }) console.log(bars) this.bars = bars }) }, } }) </script> <style> </style>

But in console I get this error:

app.js:182953 Uncaught (in promise) TypeError: h is not a function
at Proxy.render (app.js:182953:14)
at renderComponentRoot (app.js:11388:44)
at ReactiveEffect.componentUpdateFn [as fn] (app.js:15505:57)
at ReactiveEffect.run (app.js:9325:25)
at setupRenderEffect (app.js:15631:9)
at mountComponent (app.js:15414:9)
at processComponent (app.js:15372:17)
at patch (app.js:14973:21)
at ReactiveEffect.componentUpdateFn [as fn] (app.js:15582:17)
at ReactiveEffect.run (app.js:9325:25)

Am I doing something wrong?

Thanks.