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

vue里echarts的使用:画饼图和面积折线图

vue里echarts的使用,我们要先安装echarts,然后在main.js里引入:

//命令安装echarts
npm i echarts//main.js里引入挂载到原型上
import echarts from 'echarts'
Vue.prototype.$echarts = echarts

最终我们实现的效果如下:
在这里插入图片描述
在这里插入图片描述
头部标题这里我们封装了一个全局公共组件common-header,代码如下:

<template></
http://www.lryc.cn/news/305356.html

相关文章:

  • 个人建站前端篇(六)插件unplugin-auto-import的使用
  • 【Python】 剪辑法欠采样 CNN压缩近邻法欠采样
  • springmvc+ssm+springboot房屋中介服务平台的设计与实现 i174z
  • 挑战30天学完Python:Day19 文件处理
  • Spring Boot application.properties和application.yml文件的配置
  • Unity单元测试
  • Spring Bean 的生命周期了解么?
  • .ryabina勒索病毒数据怎么处理|数据解密恢复
  • 上网行为监控软件能够看到聊天内容吗
  • Java知识点一
  • Django学习笔记-forms使用
  • BM100 设计LRU缓存结构(java实现)
  • 论文阅读——ONE-PEACE
  • 围剿尚未终止 库迪深陷瑞幸9.9阳谋
  • 5G网络(接入网+承载网+核心网)
  • 学习Markdown
  • MySQL知识点总结(五)——锁
  • IDEA 2023.2 配置 JavaWeb 工程
  • 软考40-上午题-【数据库】-关系代数运算2-专门的集合运算
  • RHEL9安装Python2.7
  • 更新至2022年世界各国数字经济发展相关指标(23个指标)
  • vue从flask获取数据并显示
  • Kafka生产常见问题分析与总结
  • 重温MySQL
  • 构造函数,原型,实例,类的关系整理
  • [极客挑战2019]HTTP
  • 发布 rust 源码包 (crates.io)
  • jQuery 基础、选择器和筛选器
  • 网络原理-UDP/TCP协议
  • C语言——实用调试技巧——第2篇——(第23篇)