博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue项目中如何使用echart插件
阅读量:4118 次
发布时间:2019-05-25

本文共 455 字,大约阅读时间需要 1 分钟。

来源 | https://www.html.cn/web/vue-js/20680.html

获取ECharts

你可以通过以下几种方式获取 ECharts。

  • 从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。

  • 在 ECharts 的 GitHub 获取。

  • 通过 npm 获取 echarts,npm install echarts --save,详见“在 webpack 中使用echarts

  • 通过 jsDelivr 等 CDN 引入

引入ECharts

import echarts from "echarts";

绘制一个简单的图表

在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。

这样你的第一个图表就诞生了!

本文完~

转载地址:http://jbbpi.baihongyu.com/

你可能感兴趣的文章
Basic Translation Rules for TC
查看>>
Modules for SWL
查看>>
NetBeans 6.5 M1 Released
查看>>
Vbs脚本编程简明教程
查看>>
SendKeys
查看>>
为VB平反
查看>>
全自动化准备XML文档
查看>>
德语字母表
查看>>
总结德语音标
查看>>
字母读音表
查看>>
Twenty Experts Define Cloud Computing
查看>>
Taking Programming Projects
查看>>
清除缓存
查看>>
char -- ascii
查看>>
标准VBS控制Word
查看>>
寻找系统中端口与进程之间的关联
查看>>
HTTP头部详解及使用Java套接字处理HTTP请求
查看>>
解决Java Socket中POST No Response 的BUG
查看>>
native2ascii encoding table
查看>>
Transol codeName Mercury
查看>>