Vue2学习之旅五:添加数据可视化支持

心叶

作者:心叶
时间:2019-01-01 09:33

纯洁的VUE开发项目,最新版本,可供直接使用:https://github.com/AC-angle/V...

安装

npm install clay-core --save

首先,通过npm安装数据可视化库clay.js,具体的api你可以查阅文档:

https://yelloxing.github.io/c...

这是一个非嵌入的库(这是绘图的核心库,针对2d或3d,再导入对应的库即可)。

初始化

新建文件src/clay.js/index.js

import clay from 'clay-core';
import Sizzle from 'sizzle';

clay.config("$sizzleProvider", () => (selector, context) => Sizzle(selector, context));

export default clay;

clay.js启动前可以有多项配置,用以针对具体开发环境进行调整或加强,上面我们加强了选择器功能,因此,你可能还需要安装sizzle:

npm install --save sizzle

使用

现在,就可以对照api使用这个库了,举例子:
比如修改entry.js里面的方法:

1.首先在开头导入:

import clay from './clay.js';

2.在需要的地方使用:

el: clay('#root')[0],
阅读 1.3k

Vue2学习之旅
从基础开始学习vue2

我还惊讶地意识到, 在我生命中有很多时刻, 每当我遇到一个遥不可及、令人害怕的情境,并感到惊慌失措...

303 声望
114 粉丝
0 条评论

我还惊讶地意识到, 在我生命中有很多时刻, 每当我遇到一个遥不可及、令人害怕的情境,并感到惊慌失措...

303 声望
114 粉丝
文章目录
宣传栏