highcharts nuxt

[shldhee]

highchartsMore

[shldhee]

https://codesandbox.io/s/highcharts-vue-demo-xhkif?file=/src/main.js

[shldhee]

<template>
  <div>
    charts
    <client-only>
      <Chart :options="chartOptions" />
      <Chart :options="spiderWebOptions" />
      <Chart :options="wordOptions" />
    </client-only>
  </div>
</template>

<script>
let Chart, Highcharts, HighchartsMore, loadWordcloud
if (process.client) {
  Highcharts = require('highcharts')
  HighchartsMore = require('highcharts/highcharts-more')
  loadWordcloud = require('highcharts/modules/wordcloud')
  HighchartsMore(Highcharts)
  loadWordcloud(Highcharts)
  Chart = require('highcharts-vue').Chart
}
export default {
  components: {
    Chart: process.client ? Chart : {}
  },