卡卡網(wǎng)

很多網(wǎng)站尤其是需要統(tǒng)計(jì)報(bào)表類的網(wǎng)站，都要作圖，因此，作圖插件越來越受歡迎。根據(jù)用戶的各種需求，這些插件也在不斷開發(fā)擴(kuò)展功能，應(yīng)用范圍越來越廣。而在眾多的作圖插件中，國內(nèi)使用人數(shù)最多、最受歡迎的無疑是百度開發(fā)的echarts和挪威的highcharts了，此外，F(xiàn)usionCharts、amcharts等也有大批用戶使用。

今天，我們就來看看這幾款插件吧。

1、echarts

網(wǎng)頁作圖插件中，由百度開發(fā)的echarts，由于提供詳盡的中文文檔，各種圖例也更符合國人需要，因此，多數(shù)人都選擇echarts插件來作圖，其中包括cnzz的“增值服務(wù)”統(tǒng)計(jì)圖

cnzz“增值服務(wù)"使用echarts作圖

echarts目前可做15種圖形，包括： 散點(diǎn)圖、折線圖、柱狀圖、地圖、餅圖、雷達(dá)圖、K線圖、箱線圖、熱力圖、關(guān)系圖、矩形樹圖、平行坐標(biāo)圖、?；鶊D、漏斗圖、儀表盤。

echarts各種圖例（點(diǎn)擊圖片放大）

echarts有非常詳盡的使用文檔、教程、配置手冊(cè)，配有大量的實(shí)例，簡單易懂，無須花太多時(shí)間研究就能照著例子作出自己需要的圖來。

echarts地址：http://echarts.baidu.com/

2、highcharts

highcharts可以說是一款優(yōu)秀的老牌作圖插件了，在國內(nèi)外都有非常多的用戶。監(jiān)控寶作圖使用的便是highcharts。

highcharts的圖例非常豐富，比百度的echarts豐富很多，基本適合各種各樣的需要。它分為三大類：Highcharts、Highstock、Highmaps，其中Highcharts包含線狀圖、柱狀圖、餅狀圖、混合圖等等起碼幾十種；Highstock包含證券類圖形，種類非常多，有幾十種，而百度的echart只有一種K線圖；Highmaps則是世界地圖，baidu的echarts是國內(nèi)地圖。

highcharts圖例（點(diǎn)擊圖片放大）

highcharts配有詳盡的使用文檔和實(shí)例，使用也很簡單，很容易上手，不過，Highcharts沒有中文文檔，對(duì)于那些E文恐懼癥的人來說，可能不太愿意接觸。

不得不說的是，highcharts還包括一個(gè)其他作圖插件不能匹敵的功能，那就是 Highcharts Cloud（Highcharts 云服務(wù)）。

Highcharts云服務(wù)提供簡單便捷的方法生成可視化圖表，用戶不再需要編程基礎(chǔ)，只需要復(fù)制數(shù)據(jù)即可生成漂亮，可定制的圖表。云服務(wù)提供圖表生成，托管，分享等功能。

主要特點(diǎn)：強(qiáng)大交互性、強(qiáng)大的分享功能、響應(yīng)式。

Highcharts 云服務(wù)

highcharts地址：http://www.highcharts.com/

3、amcharts

amcharts這個(gè)作圖插件，也算比較老牌了，2010年監(jiān)控寶網(wǎng)站剛成立時(shí)就是用這個(gè)款插件來作圖的，而現(xiàn)在，搜狗聯(lián)盟還用這款插件來作統(tǒng)計(jì)圖，可見其用戶之多。

amcharts是一個(gè)利用Flash生成chart圖的插件，amCharts分為四類chart圖：Flash charts、Flex charts、WPF&Silverlight  charts和Flash maps，可見其能生成的chart圖是非常豐富多樣的。詳見介紹amCharts，一款值得推薦的Flash charts圖插件。

amcharts作圖同樣可分為三大類：普通圖形、證券圖和地圖。

amcharts作圖（點(diǎn)擊圖片放大）

 amcharts同樣有很詳細(xì)的使用教程和實(shí)例，不過都是英文網(wǎng)頁。

amcharts地址：https://www.amcharts.com/

amcharts教程地址：https://www.amcharts.com/tutorials/

4、FusionCharts

FusionCharts是一款非常優(yōu)秀的、使用非常廣的作圖插件，它是一款以Flash為載體的圖形插件，因此，它可以設(shè)計(jì)出非常豐富且動(dòng)感十足的動(dòng)態(tài)圖形來，深受歡迎。cnzz舊版就是用此款插件來作圖的，還有卡卡測(cè)速網(wǎng)howtostagehomes.com的統(tǒng)計(jì)圖也是用它來設(shè)計(jì)的。

FusionCharts作圖（點(diǎn)擊圖片放大）

 FusionCharts能夠做出非常豐富的圖形，由于其使用flash作圖，因此，可以設(shè)計(jì)出各種3D動(dòng)態(tài)圖片來，這是其他作圖插件不所具備的優(yōu)點(diǎn)。因此，對(duì)于那些要求制作出3D動(dòng)態(tài)效果圖的網(wǎng)站來說，F(xiàn)usionCharts絕對(duì)是最佳的選擇。

如果需要鼠標(biāo)與圖形做一些交互，例如放大縮小圖形，拖動(dòng)圖形，旋轉(zhuǎn)圖形等，那么FusionCharts都能滿足你的要求。

此外，F(xiàn)usionCharts同樣能作出世界各大洲地圖的圖表。

總之，如果你想輕易就制作出動(dòng)態(tài)的、或3D效果的、或需要交互的圖形，那么FusionCharts將是你的不二選擇。

FusionCharts地址：http://www.fusioncharts.com/

標(biāo)簽: 編程  圖表插件