脚本宝典收集整理的这篇文章主要介绍了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],

脚本宝典总结

以上是脚本宝典为你收集整理的Vue2学习之旅五：添加数据可视化支持全部内容，希望文章能够帮你解决Vue2学习之旅五：添加数据可视化支持所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。