csii-clay v2.0.2

clay.js - Provide more flexible data visualization solutions

我们的目标是：提供更友好的数据可视化解决方案。

作者:北京科蓝软件系统股份有限公司

为了更好的服务于实际项目，我们目前在针对clay.js进行升级，敬请期待!

如何使用

温馨提示：项目开发阶段，V3版本请勿用于实际项目!

• 首先需要安装必要的包：

npm install --save csii-clay csii-clay-loader

• 由于我们目前是基于webpack开发的，需要配置loader:

{
    test: /\.clay$/,
    exclude: /node_modules/,
    loader: ['csii-clay-loader']
}

• 配置完毕以后，绘图的地方其实是.clay文件(加入有文件demo.clay)：

<circle dash='50' width='30' type='stroke' radius='170' cx='50w' cy='50h' />

上面是简单的绘制了居中的圆，一切准备好了，只需要再建立绘图对象即可：

import Clay from 'csii-clay';
import image from 'demo.clay';

let clay = new Clay({
    el: document.getElementById('root'),
    render: image
});

到这里，图形就绘制出来了，此处，在.clay文件中还支持c-for,c-on等指令，支持数据绑定等数据驱动视图的交互，可以快速绘制可交互图形！

项目目录

• clay-loader：用于解析.clay文件的loader
• dist：打包的内容
• docs：手册
  • api：使用手册
  • development：开发手册
• src：项目源码
• use-case：用例测试
• .babelrc：babel打包配置
• .editorconfig：统一编辑器编码习惯配置
• .gitattributes：针对git中对一些文件或路径操作的配置
• .gitignore：git提交忽略文件
• .npmignore：npm发布忽略文件
• CHANGELOG：打版日志
• clay.png：项目logo图片
• LICENSE：协议
• package-lock.json：项目依赖的版本锁文件
• package.json：项目依赖和脚本目录等基本信息
• README：项目说明文件
• rollup.config.js：项目打包配置