highcharts-vue でのグラフ表示サンプル vuejs

highcharts-vue でのグラフ表示サンプル
環境 vue2

# yarn add highcharts-vue
# yarn add @types/highcharts

・hoge.vueファイル内
<template>
<div>
<h1>線グラフ</h1>
<highcharts :options="chartOptions"></highcharts>
</div>
</template>
<script>
import {Chart} from highcharts-vue
export default {
data() {
return {
title:
points: [10 0 8 2 6 4 5 5]
chartType: Spline
seriesColor: #6fcd98
colorInputIsSupported: null
chartOptions: {
chart: {
type: spline
}
title: {
text: Sin chart
}
series: [{
data: [10 0 8 2 6 4 5 5]
color: #6fcd98
}]
}
}
}
components: {
highcharts: Chart
}
}
</script>