vue整合Echarts

首先打开网址https://echarts.apache.org/examples/zh/index.html

进入Echars官网找到自己想要的图形我这里选择的是柱形图

 点开完整代码直接cv大法

下载Echars的npm      

npm install echarts

 在vue里面挂在个div

导入相关包

 写个方法 就是cv过来的  然后改成后端传过来的值

 我这里就是直接访问后端的一个方法 然后把这个方法放入create生命周期

 到这里就结束了

相关推荐

  1. Electron:Electron整合vue

    2024-04-26 15:44:04       45 阅读
  2. vue管理系统封装echarts

    2024-04-26 15:44:04       38 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-26 15:44:04       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-26 15:44:04       97 阅读
  3. 在Django里面运行非项目文件

    2024-04-26 15:44:04       78 阅读
  4. Python语言-面向对象

    2024-04-26 15:44:04       88 阅读

热门阅读

  1. Docker常用命令

    2024-04-26 15:44:04       29 阅读
  2. 1003 - 编程求1+3+5+...+n

    2024-04-26 15:44:04       37 阅读
  3. Kotlin作用域函数引发的遮蔽问题

    2024-04-26 15:44:04       31 阅读
  4. Go语言第二篇-基本数据类型与转义字符

    2024-04-26 15:44:04       35 阅读
  5. 多路IO复用--epoll

    2024-04-26 15:44:04       45 阅读
  6. python笔记(15)函数

    2024-04-26 15:44:04       83 阅读