Echarts
Upward Force
这个作者很懒,什么都没留下…
展开
-
vue+echarts实现折线图
因为这里只演示了折线图,所以echarts引入方式是按需引入,大家如果需要用到其它种类图表的也可以全局引入所有组件1、效果图2、使用如下命令通过 npm 安装 EChartsnpm install echarts --save3、echarts在页面中完整引入var echarts = require('echarts');默认使用 require(‘echarts’) 得到的是已经加载了所有图表和组件的 ECharts 包,因此体积会比较大,如果在项目中对体积要求比较苛刻,也可以只按需引原创 2020-06-28 09:46:42 · 2300 阅读 · 0 评论 -
html+js+echarts实现折线图、饼状图、环形图
1、从GitHub上下载 echarts.js 文件https://github.com/apache/incubator-echarts/blob/master/dist/echarts.js2、通过标签方式直接引入下载好的 echarts.js 文件<script type="text/javascript" src="js/echarts.js"></script>3、html+echarts实现折线图效果代码示例<!DOCTYPE html>&原创 2020-06-28 11:51:20 · 10896 阅读 · 2 评论 -
微信小程序+canvas+echarts循环数据生成折线图
1、下载GitHub上的 ecomfe/echarts-for-weixin 项目2、拷贝 ec-canvas 目录到自己的项目下3、效果预览4、在需要的页面创建折线图test.json{ "usingComponents": { "ec-canvas": "../../lib/ec-canvas/ec-canvas" }}test.wxml<view class="box" wx:for="{{ecLine}}" wx:key="index"> &原创 2020-06-29 08:59:00 · 1458 阅读 · 5 评论