Vue2学习之旅五:添加数据可视化支持
作者:心叶
时间:2019-01-01 09:33
安装
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],
相关推荐
comtop0 2020-10-31
嵌入式企鹅圈 2020-10-27
comtop0 2020-09-18
alili 2020-09-08
xirongxudlut 2020-09-02
wndong 2020-08-21
Leonwey 2020-08-02
Tonybo 2020-08-02
YtSports 2020-07-28
syThinkCool 2020-07-16
flyfor0 2020-07-16
SanBa 2020-07-08
HongAndYi 2020-07-04
王国平 2020-06-20
Eric0Lv 2020-06-14
june0 2020-06-11
仁鱼 2020-06-05
天涯莺歌 2020-06-04
Leonwey 2020-06-01