How can I include this combination graph https://www.highcharts.com/demo/highcharts/combo-dual-axes chart in my nuxt vue application ?
I followed this https://www.npmjs.com/package/highcharts-vue docs, but could not get how to integrate this package with my nuxt vue application.
In the docs it is mentioned that for vue 3 I should use this
// for Vue 3
app.use(HighchartsVue)
But no where in my nuxt application I have something like app.use().
I am getting this : Failed to resolve component: highcharts
This is my index.vue file
`
import { Chart } from ‘highcharts-vue’;
import Highcharts from ‘highcharts-vue’
export default {
name: ‘Home’,
data() {
return {
testOptions: {
series: [{
data: [1, 2, 3] // sample data
}]
},
}
},
}
`
Can someone please tell me how can I properly import this highcharts-vue packages and get the desired graph I need ?
Rancha124 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.