1、创建echarts组件,用于复用
lineEcharts.vue
<template>
<div :id="id" style="height: 100%"></div>
</template>
<script>
import echarts from 'echarts'
export default {
name: "lineEchart",
data () {
return {
}
},
props: ['id','lineData'],
mounted() {
this.$nextTick(()=>{
this.myChart = echarts.init(document.getElementById(this.id),'shine');
this.initData()
})
},
methods: {
initPieCharts () {
let vm = this;
let o = vm.lineData;
const option = {
tooltip: {
trigger: 'axis',
},
xAxis: {
name: '风速(m/s)',
type: 'category',
boundaryGap: false,
data: [2.5,3.5,4.5,5.5,6.5,7.5,8.5,9.5,10.5,11.5,12.5,13.5,14.5,15.5,16.5,17.5,18.5,19.5,20.5,21.5,22.5,23.5,24.5],
},
yAxis: {
name: '湍流强度',
type: 'value',
},
series: