FusionCharts Free是一款功能豐富的圖表制作軟件，該軟件支持使用JavaScript嵌入圖表中，從而讓您設(shè)計出更加豐富的圖標(biāo)類型，并直接運行與網(wǎng)絡(luò)上，該軟件提供的圖標(biāo)設(shè)計工具非常齊全，在顏色的渲染方面，您可以通過導(dǎo)入FusionChartsHelper以獲取列的顏色，讓您能夠通過一種顏色渲染整個圖表的不同區(qū)域，您可以使用將圖表的數(shù)據(jù)保存在系統(tǒng)中，定義一個變量strXML來存儲整個XML數(shù)據(jù)，非常方便；FusionCharts Free設(shè)計的圖標(biāo)類型很多，無論是3D的還是3D的都可以設(shè)計，需要的朋友可以下載體驗。

軟件功能

　　動畫和互動圖表

　　使用FusionCharts，您可以快速輕松地呈現(xiàn)動畫圖表，為最終用戶提供了大量的交互選項。

　　簡單而強大的JavaScript集成

　　FusionCharts提供了將圖表與JavaScript模塊集成的高級選項。您可以在客戶端更新圖表，調(diào)用JavaScript函數(shù)作為熱點鏈接。

　　沒有安裝麻煩

　　要使用FusionCharts，您不必在服務(wù)器上安裝任何東西。所有你需要做的是將SWF文件（FusionCharts的核心文件）復(fù)制粘貼到您的服務(wù)器，就像對任何圖像文件一樣 - 你準(zhǔn)備好了！因此，即使在那些不允許安裝ActiveX或任何其他形式的組件的服務(wù)器上，F(xiàn)usionCharts也可以運行而不會有任何麻煩。

　　使用方便

　　FusionCharts使圖表創(chuàng)建過程成為無痛的體驗。由于它使用XML作為其數(shù)據(jù)，所以您需要做的是使用編程語言或甚至使用文本編輯器如記事本等將數(shù)據(jù)轉(zhuǎn)換為XML - 這就是創(chuàng)建交互式和動畫圖表所需要的。最好的部分是你不需要知道任何關(guān)于Flash使用FusionCharts。

　　運行在各種平臺上

　　無論您使用的是什么服務(wù)器端腳本語言，F(xiàn)usionCharts都可以用來創(chuàng)建圖表。由于FusionCharts使用XML作為數(shù)據(jù)接口，因此可以在任何服務(wù)器上運行任何腳本語言。此外，要查看圖表，您的用戶只需要有Adobe Flash Player 6（或以上），這是星球上最常用的瀏覽器插件之一。

　　減少服務(wù)器上的負載

　　在傳統(tǒng)的基于圖像的圖表系統(tǒng)中，圖表被生成為在服務(wù)器側(cè)的圖像。因此，對于您需要向用戶提供的每個圖表，您都必須在服務(wù)器上構(gòu)建復(fù)雜的圖像，然后將其流式傳輸?shù)娇蛻舳?。?dāng)需要小時時，這可能是一個昂貴的資源在服務(wù)器上，因為圖像創(chuàng)建需要在服務(wù)器上的很多費用。

　　FusionCharts給您帶來了極大的安慰 - 所有的圖表都在客戶端使用廣泛安裝的Adobe Flash平臺進行渲染。服務(wù)器負責(zé)將預(yù)構(gòu)建的SWF文件和XML數(shù)據(jù)文件流式傳輸?shù)浇K端查看器。從那時起，F(xiàn)lash Player承擔(dān)渲染圖表的責(zé)任。此外，圖表SWF文件可以緩存，以便您可以只更新數(shù)據(jù)，而不是每次發(fā)送圖表SWF文件。

軟件特色

　　800+實例

　　使用FusionCharts，你永遠不必從頭開始。我們詳盡的在線示例，托管在JSFiddle，

　　有圖表和地圖的完整的源代碼，以幫助您在一分鐘內(nèi)創(chuàng)建JavaScript圖表。

　　$0$6K$12K$18K$24K$30KJanFebMarAprMayJunJulAugSepOctNovDecBakersfield CentralLos Angeles TopangaSales - 2014 v 2015FusionCharts將在此處呈現(xiàn)FusionCharts將在此處呈現(xiàn)

　　瀏覽活動示例

　　輕松與其他庫，框架和語言集成

　　不是香草JavaScript的大粉絲？沒問題！我們有你覆蓋 - FusionCharts附帶了流行的圖書館（jQuery），框架（AngularJS＆React）和語言（ASP.NET和PHP）的開源插件。現(xiàn)在，將FusionCharts與當(dāng)前堆棧集成非常容易。

　　瀏覽擴展程序

　　從90多張圖表和

　　1000多張地圖中選擇

　　從基本圖表（行，列，餅圖等 - 2D和3D）到最復(fù)雜的圖表（瀑布，甘特圖，燭臺，縮放等），我們有最詳盡的javascript圖表，窗口小部件和地圖。

　　有很大的可能性，你正在想的可視化，已經(jīng)存在于我們的包。

　　瀏覽圖表庫

　　業(yè)務(wù)儀表板和實例

　　800多個現(xiàn)場示例的畫廊使您可以輕松開始使用FusionCharts。只要把你想做的圖表叉開，而不是從頭開始。我們有一個業(yè)務(wù)儀表板的集合，帶有可下載的源代碼來獲取靈感。使用案例包括銷售，金融，營銷，制造，醫(yī)療保健，教育，政府和IT。哦! 和音樂播放器！

　　探索儀表板

　　模具它的方式你想要的

　　FusionCharts為您提供完全靈活的自定義圖表根據(jù)您的愿望。您可以使用我們的高級主題引擎集中控制圖表的化妝品，如背景顏色，陰影顏色，字體等。

　　通過廣泛的事件處理功能，控制圖表在不同情況下的行為。從數(shù)據(jù)加載到圖表呈現(xiàn)，用戶交互到錯誤處理，從100+事件的日益增長的列表中選擇，以微控制您的圖表體驗。

　　單擊導(dǎo)出到圖像，

　　PDF或SVG

　　使用FusionCharts，可以非常容易地將所有JavaScript圖表下載/導(dǎo)出為您選擇的格式 - JPEG，PNG，PDF或SVG。所有你需要做的是包括一行代碼。

　　支持客戶端和服務(wù)器端導(dǎo)出。

　　現(xiàn)場演示

　　IE 6？最新Chrome？移動瀏覽器？它只是無處不在！

　　我們相信，當(dāng)你選擇一個JavaScript圖表庫，你不應(yīng)該擔(dān)心它將工作的瀏覽器和設(shè)備。這就是為什么我們確保我們的圖表在PC，Mac，iPhone，iPad和Android設(shè)備上無縫工作。

　　所有的圖表都響應(yīng)提供相同的體驗無處不在。

　　高級功能

　　大量的高級功能是FusionCharts與其他庫的區(qū)別。諸如向下鉆取，添加自定義形狀，實時圖表，智能標(biāo)簽管理，自定義工具提示，可視編輯圖表，多語言圖表，趨勢線等特性支持開箱即用。

　　探索功能

　　專用技術(shù)支持

　　我們在這里幫助，如果你被困??！使用我們的論壇，實時聊天或StackOverflow標(biāo)簽來獲取所有技術(shù)查詢的答案。

　　通過FusionCharts的優(yōu)先支持，您一定能在24個工作小時內(nèi)得到答復(fù)。當(dāng)您處于緊迫的截止日期時，無需在社區(qū)論壇上等待您的關(guān)鍵問題的答案。

　　轉(zhuǎn)到支持論壇

使用方法

　　FusionCharts中的所有圖表都支持屬性decimalPrecision。 如果未指定，圖表會自動顯示最多2個小數(shù)位的數(shù)字。 此單一屬性允許您控制圖表上所有數(shù)字的小數(shù)精度。 使用此屬性，可以全局設(shè)置圖表所有數(shù)字的小數(shù)位數(shù)。 例如，如果您的圖表上的數(shù)字為12.432,13.4和13，并且您設(shè)置了，則數(shù)字將分別轉(zhuǎn)換為12,13和13。

　　類似地，如果您的數(shù)據(jù)為0.12342,0.134和0.13，且未指定decimalPresion，則FusionCharts將分別輸出0.12,0.13和0.13。 現(xiàn)在你設(shè)置decimalPrecision為4，將分別得到0.1243，0.1340和0..1300

　　自動數(shù)字格式化

　　FusionCharts通過將K，M（千，百萬）和適當(dāng)?shù)亩禾柼砑拥綌?shù)字中來自動格式化數(shù)字。 下面顯示的是一個示例：

　　在上圖中，圖表的數(shù)據(jù)為12500,13400和13300. FusionCharts自動格式化數(shù)字縮放以轉(zhuǎn)換為K（千）和M（百萬）。 如果你不希望以這種方式截斷數(shù)字，只需使用：

　　當(dāng)您現(xiàn)在查看圖表時，將得到以下輸出：

　　你可以看到上面的FusionCharts現(xiàn)在顯示圖表上的完整數(shù)字。 它還在所需位置的數(shù)字中添加了逗號。 如果不需要逗號，請設(shè)置formatNumber = 0。 但是，設(shè)置formatNumber = 0也不會格式化任何小數(shù)位（即使在XML中明確指定）。

　　下面顯示的示例是：

　　設(shè)置自定義千位和小數(shù)分隔符

　　默認情況下，F(xiàn)usionCharts使用。 （點）作為十進制分隔符，和（逗號）作為千分隔符。 但是，您可以根據(jù)需要自定義此字符。

　　為此，請使用decimalSeparator和thousandSeparator屬性。 例如，讓我們將千位分隔符設(shè)置為點和小數(shù)分隔符作為逗號。 為此，您必須使用以下xml：

　　下面顯示的是輸出。

　　添加號碼前綴和后綴

　　FusionCharts允許您向圖表上的所有數(shù)字添加前綴或后綴。 您可以使用元素的以下屬性來實現(xiàn)相同：

　　numberPrefix =“$”：使用此屬性，您可以向圖中可見的所有數(shù)字添加前綴。 例如，要在圖表上表示所有美元數(shù)字，您可以將此屬性指定為“$”以顯示為$ 40000，$ 50000。

　　numberSuffix =“p.a”：使用此屬性，您可以為圖形上可見的所有數(shù)字添加后綴。 例如，要在圖表上表示按年度量化的所有圖形，您可以將此屬性指定為“/ a”以顯示為40000 / a，50000 / a。

　　如果您打算對numberPrefix或numberSuffix使用特殊字符，則需要在使用dataXML方法時對其進行URL編碼。 例如，如果希望numberSuffix為％（例如30％），則需要將其指定為：

　　numberSuffix ='％25'

　　在dataURL方法中，可以直接指定字符。

　　例子：

相關(guān)介紹

　　定義應(yīng)用

　　讓我們首先定義在這個例子中我們想要實現(xiàn)什么。我們將從以前的下鉆示例繼續(xù)，并將其轉(zhuǎn)換為單頁示例。在上一個示例中，我們在餅圖中顯示所有工廠的生產(chǎn)摘要。當(dāng)用戶點擊餅圖時，他被帶到另一個頁面，其中顯示了所需工廠的詳細日期圖表。

　　在本示例中，我們將兩個圖表放在一個單一頁面上，其中單擊生產(chǎn)匯總圖表的餅圖切片將在不刷新頁面的情況下在同一頁面上打開詳細圖表。

　　在一個頁面（Default.php）中包含餅圖（摘要）和柱形圖（詳細）。

　　當(dāng)頁面加載時，餅圖將使用dataXML方法顯示所有工廠的摘要。這些數(shù)據(jù)將在Default.php本身中構(gòu)建。

　　在此頁面中將有一個名為數(shù)據(jù)的JavaScript數(shù)組。該數(shù)組將包含工廠的詳細數(shù)據(jù)。數(shù)組將使用PHP動態(tài)構(gòu)建，然后作為JavaScript代碼輸出。

　　除了JavaScript中的數(shù)據(jù)之外，我們還將有一個本地JavaScript函數(shù)updateChart（），它將處理此數(shù)組中的數(shù)據(jù)并將其轉(zhuǎn)換為XML數(shù)據(jù)文檔，以供柱形圖直接使用。

　　柱形圖將初始化，沒有數(shù)據(jù)，因為用戶最初沒有選擇工廠。我們將自定義圖表的“無數(shù)據(jù)顯示”消息以顯示友好的消息。

　　餅圖將為每個餅圖切片定義JavaScript鏈接。這個JavaScript鏈接指向同一頁面上的updateChart（）JavaScript函數(shù)。我們稍后會看到如何手動編寫這個函數(shù)。單擊餅圖時，工廠ID將傳遞到此功能。

　　updateChart（）函數(shù)負責(zé)調(diào)整柱形圖。它從存儲在JavaScript數(shù)據(jù)數(shù)組中的數(shù)據(jù)生成XML數(shù)據(jù)，并將其傳送到柱形圖。

　　柱形圖現(xiàn)在將接受此XML數(shù)據(jù)，解析并最終呈現(xiàn)。