vue2 echarts

在Vue2中使用echarts的方法如下：

1. 首先，在Vue项目的入口文件(main.js)中引入echarts：

import * as echarts from 'echarts';
Vue.prototype.$echarts = echarts;

2. 在需要使用echarts的组件中，通过`this.$echarts`来创建和初始化图表实例，并设置图表的配置选项：

<template>
  <div id="total-orders-chart" :style="{ width: '100%', height: '100%' }"></div>
</template>

<script>
export default {
  mounted() {
    const chartDom = document.getElementById('total-orders-chart');
    const chart = this.$echarts.init(chartDom);<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
-  *1* *2* [vue2项目，echarts图表库的使用](https://blog.csdn.net/weixin_45689946/article/details/122037987)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
-  *3* [在vue2中使用echarts,vue-echarts,v-charts](https://blog.csdn.net/jieyucx/article/details/129808377)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]