vue3中，vue-echarts基本使用（关系图、知识图谱、柱状图、饼图、折线图）

本文主要是介绍vue3中，vue-echarts基本使用（关系图、知识图谱、柱状图、饼图、折线图），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vue3

安装vue-echarts
npm i -S vue-echarts echarts//cnpm 安装
cnpm i -S vue-echarts echarts

vue2

注意：Vue 2 下使用 vue-echarts，必须还要安装 @vue/composition-api ：

npm i -D @vue/composition-api
//cnpm 安装
cnpm i -D @vue/composition-api
main.js中全局注册组件
import Echarts from "vue-echarts"
import * as echarts from "echarts"app.component("v-chart", Echarts)app.config.globalProperties.$echarts = echarts

代码

<template><div style="display: flex;align-items: center;

这篇关于vue3中，vue-echarts基本使用（关系图、知识图谱、柱状图、饼图、折线图）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---