手繪風格圖表（附示例連接）

圖表工具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）的值來進行分散視圖。

若是你想要體驗一下實際效果，你能夠點擊下面的連接：

體驗連接：

觀看示例 激發靈感