/uF2

F2 in UniApp

Primary LanguageVueMIT LicenseMIT

uF2

F2 的UniApp版本，支持原生 F2 的所有功能。 注：本插件时基于wx-f2，所以目前仅支持微信小程序，后续会考虑支持多端。如有多端开发需求，推荐使用uChart。

使用方法

  1. 将f2-cnvas目录放入组件项目。
  2. 引入f2-cnvas组件。
  3. 在页面中使用：(page目录有相关示例)
<view class="container">
  <ff-canvas id="line-dom" canvas-id="line" :opts="opts" ref="f2"></ff-canvas>
</view>
// 引入F2
import F2 from '@/f2-canvas/lib/f2';
	
let chart = null;
// 实例化图表
function initChart(canvas, width, height) {
  // 数据
  const data = [...]
  chart = new F2.Chart({
	el: canvas,
	width,
	height
  });
  chart.source(data);
  // ...
  chart.render();
  return chart;
}
export default {
	data() {
		return {
			opts: {
			}
		}
	},
	mounted() {
		this.$refs.f2.init(initChart)
	}
}

API