手绘风格图表（附示例连接）

图表工具amCharts ( JavaScript Charts 、Javascript Stock Chart)v3.1和地图工具amMap（ JavaScript Maps）v3.6，增长了很多强大的功能。其中的模式设置和手绘风格更是让很多用户眼前一亮。你们能够看看下面的截图，是否是比咱们日常作的图表更漂亮呢？下面给你们介绍下。

模式

在新版本的图表和地图中能够改变整个图表的单个列/片模式。若是您想设置一个图表模式，使用AmGraph模式属性便可完成。若是你想设置单个列/片模式，可在图表数据中描述模式，为图表设置patternField。模式值应该是图片的URL、长、宽等对象，可能会有X、Y值或者任意X、Y值。

例如：graph.pattern = {"url":"../amcharts/patterns/black/pattern1.png", "width":4, "height":4};

完成上面的代码后，检查amcharts/模式文件夹,你能够使用它建立本身的模式。

手绘风格

设置chart.handDrawn = true，图表中的线能够弯曲，制做出手绘效果。你也能够修改chart.handDrawScatter （默认值为2）、chart.handDrawThickness（默认值为1）的值来进行分散视图。

若是你想要体验一下实际效果，你能够点击下面的连接：

体验连接：

观看示例 激发灵感