okcharts纯js图表插件使用方法详解

前段时间项目里有用到okaycharts设计图表，确实非常好用。现在把我们的使用流程介绍一下：

 

1.安装设计器

 这没什么好说的，去www.okaycharts.com下载安装就行

 

2.设计图表

 设计器的界面也比较简单好上手，按照设计顺序一步一步来就行 可以随时点击预览查看设计效果。

三个tab分别为数据设置，样式设置和交互设置。  界面都很清晰，根据自己需求来设置就行。


3.导出js
 设计图表完成后，点击导出js按钮，就已经将当前图表的js属性复制到粘贴板中了。

4.页面嵌入

 在自己需要放置图表的页面新建div，var charts = newOkCharts(options,dom)，将复制出来的属性赋值给options。即在页面对应位置生成图表。