1、vue2中的使用:
1、下载这个版本 npm install echarts@4.9.0
//2、在main.js中全局引用:
//import echarts from "echarts"
//Vue.prototype.$echarts=echarts
一般不糊在main中引用 ,应该在当前页面
import echarts from 'echarts'
3、 在页面中使用
下面的动态宽高是适配
<template>
<div class="myCharts">
<div class="myChart" ref="myChart" id="myChart" :style="{ width: '8rem', height: '8rem' }"
_echarts_instance_="ec_1649752202234"></div>
</div>
</template>
<script>
export default {
mounted() { this.setChart() },
methods: {
setChart() {
this.$nextTick(()=>{
var myChart = this.$echarts.init(this.$refs.myChart)
var option = {
legend: {
data: [],
},
radar: {
shape: "circle",
splitNumber: 5,
indicator: [