echarts图表分别在vue2和vue3中的使用示例

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: [