当前位置: 首页 > article >正文

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;
   

http://www.kler.cn/a/285858.html

相关文章:

  • Ubuntu服务器时间和本地时间不一致怎么解决——Linux的Local Time和RTC time
  • antd vue switch组件怎么把值true、false改为uint32类型的1和0
  • 大二必做项目贪吃蛇超详解之中篇游戏设计与分析
  • ZBrush入门使用介绍——11、边缘环
  • 惠中科技RDS自清洁膜层:光伏行业的清洁革命与创新先锋
  • uniapp__微信小程序如何对比时间组件框选中框之后的时间大小
  • SAP LE学习笔记07 - MM与WM跨模块收货到仓库的流程中 如何实现 先上架再入库
  • 如何将Dxf文件中的Vertex与相应的polyline关联起来
  • HTML静态网页成品作业(HTML+CSS)——个人介绍网页(1个页面)
  • 【前端】代码Git提交规范之约定式提交和Commitizen简化提交流程
  • Apache CloudStack Official Document 翻译节选(十一)
  • 【linxu】虚拟环境中Python 版本错乱:深入探究 Linux 虚拟环境的识别问题
  • 白鲸开源中标申万宏源DataOps数据开发运维一体化平台采购项目!
  • 金融风控领域的顶级学术期刊有哪些?
  • android kotlin基础复习—if when
  • RTA-OS Port Guide学习(一)-基于S32K324 OS
  • FAISS 索引
  • window下kafka3启动多个
  • 实战项目:俄罗斯方块(二)
  • webpack打包报错UglifyJs Unexpected token: punc (,)