![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
图表
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 · 2270 阅读 · 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 · 10453 阅读 · 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 · 1445 阅读 · 5 评论 -
html+F2生成折线图
1、效果图2、下载 f2.js,并放入自己的项目中3、在页面中通过 script 标签引入 f2.js 脚本<script src="./js/f2.js"></script>4、在页面上创建一个具备宽高的 canvas 标签,并指定 id:<canvas id="myChart" width="400" height="260"></canvas>5、编写图表绘制代码<!DOCTYPE html><html lang=原创 2020-06-29 15:39:34 · 1032 阅读 · 0 评论 -
vue+F2生成折线图
1、效果图2、打开命令窗口,通过 npm 安装F2npm install @antv/f2 --save3、使用 import 或 require 引入F2const F2 = require('@antv/f2');4、在页面上创建一个具备宽高的 canvas 标签,并指定 id:<template> <div class="container"> <canvas id="myChart"></canvas> </di原创 2020-06-29 16:18:01 · 1018 阅读 · 0 评论 -
微信小程序+f2/wx-f2生成折线图
1、效果图2、从GitHub上下载F2的微信小程序图表组件 wx-f2 ,原创 2020-06-30 11:40:27 · 2958 阅读 · 0 评论 -
钉钉小程序+f2/mini-chart实现折线图
参考文档:mini-chart1、效果图2、在GitHub上下载 mini-chart 组件,得到 mini-chart-master 文件3、首先,将 mini-chart-master/components 文件下的 line 组件,拷贝到自己项目的 mini-chart 目录中4、然后发现,line 组件依赖于 @antv/my-f2.js、…/mixins/methods.js、…/util.js,分别找到对应文件中对应的js,拷贝到自己项目的 mini-chart 目录中5、原创 2020-06-30 15:48:39 · 1744 阅读 · 4 评论 -
钉钉小程序+f2/my-f2实现折线图
参考文档:https://github.com/antvis/my-f21、效果图2、钉钉小程序默认初始化出来的项目是没有package.json的,需要新增package.json后再安装依赖,使用命令行 npm init --yes 创建 package.json 文件3、使用命令行 npm install @antv/my-f2 --save 安装依赖4、使用自定义组件test-my-f2.json 文件{ "usingComponents": { "f2": "@ant原创 2020-06-30 18:10:32 · 2373 阅读 · 9 评论