F2
Upward Force
这个作者很懒,什么都没留下…
展开
-
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 · 1021 阅读 · 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 · 1011 阅读 · 0 评论 -
微信小程序+f2/wx-f2生成折线图
1、效果图2、从GitHub上下载F2的微信小程序图表组件 wx-f2 ,原创 2020-06-30 11:40:27 · 2940 阅读 · 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 · 1720 阅读 · 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 · 2341 阅读 · 9 评论