FusionCharts Suite XT是全面的跨平臺(tái)、跨瀏覽器JavaScript圖表套包，其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至簡(jiǎn)單的HTML頁(yè)面。它是你值得信賴的JavaScript圖表解決方案，目前在全球有45萬(wàn)用戶選擇Fusioncharts來(lái)制作專業(yè)的JavaScript圖表。

點(diǎn)擊下載FusionCharts最新版

數(shù)據(jù)可視化是一種賦予數(shù)據(jù)意義的強(qiáng)大方式。畢竟，靜態(tài)圖表很棒，也可以做到這一點(diǎn)，但交互式圖表更上一層樓。FusionCharts 提供了多種方式來(lái)為您的 Javascript 圖表帶來(lái)交互性。FusionCharts 真正將您的數(shù)據(jù)可視化提升到一個(gè)新的水平。在本文中，我們將研究 FusionCharts Suite 如何讓您以您想要的方式配置圖表，無(wú)論是功能上還是視覺(jué)上。

您可以通過(guò)屬性配置圖表、通過(guò)注釋添加圖層或使用我們的事件和 API 構(gòu)建復(fù)雜的可視化。在本文中，我們將介紹多種添加交互性的方法。其中包括數(shù)據(jù)圖、標(biāo)題和標(biāo)簽、數(shù)字格式、圖例、工具提示、趨勢(shì)線以及軸和網(wǎng)格線。

如何自定義圖表中的數(shù)據(jù)圖？

數(shù)據(jù)圖是指數(shù)據(jù)值的圖形表示，例如圖表中的列/線/區(qū)域/餅圖。使用數(shù)據(jù)圖，您可以輕松地從數(shù)據(jù)中得出結(jié)果，而不是在復(fù)雜的表格格式上浪費(fèi)時(shí)間。FusionCharts 在數(shù)據(jù)圖上提供了許多自定義選項(xiàng)，使它們更具洞察力。

指定圖表標(biāo)題和標(biāo)簽的方法有哪些？

圖表畫布區(qū)域上出現(xiàn)的任何形式的文本都會(huì)為數(shù)據(jù)可視化添加更多細(xì)節(jié)。您的文本可以采用圖表標(biāo)題、子標(biāo)題、軸標(biāo)題以及數(shù)據(jù)值和數(shù)據(jù)標(biāo)簽的形式。

如何在圖表中設(shè)置數(shù)字格式？

FusionCharts 允許您格式化圖表上顯示的任何數(shù)值。您可以配置以下內(nèi)容：

• 號(hào)碼前綴
• 號(hào)碼后綴
• 雙 Y 軸
• 數(shù)字格式
• 十進(jìn)制和千位分隔符
• 遞歸數(shù)字縮放

自定義圖表中的圖例有哪些方法？

在多系列圖表中，您可以為每組數(shù)據(jù)分配交互式圖例。這有助于您將每個(gè)數(shù)據(jù)集與其對(duì)應(yīng)的類別相關(guān)聯(lián)。FusionCharts 中的圖例本質(zhì)上是交互式的。您可以單擊代表特定數(shù)據(jù)系列的圖例圖標(biāo)以隱藏或顯示數(shù)據(jù)圖并實(shí)時(shí)關(guān)注特定數(shù)據(jù)集。

我可以在圖表中配置工具提示嗎？

工具提示是一個(gè)小的浮動(dòng)文本框，當(dāng)您將鼠標(biāo)光標(biāo)懸停在特定數(shù)據(jù)圖上時(shí)會(huì)顯示該文本框。根據(jù)圖表所屬的類型，工具提示還可以顯示有關(guān)數(shù)據(jù)圖的不同類型的上下文信息。例如，在單個(gè)系列圖表中，工具提示可以顯示特定繪圖的名稱和數(shù)據(jù)值。

如何在圖表中添加趨勢(shì)線？

趨勢(shì)線是水平或垂直參考線，可幫助查看者輕松解讀數(shù)據(jù)。您可以使用它們來(lái)設(shè)置數(shù)據(jù)的上下文（帶有工具提示）以及定義限制和目標(biāo)。

有多種方法可以自定義圖表和小部件中的趨勢(shì)線：

• 圖表中的趨勢(shì)線
• 儀表中的趨勢(shì)線
• 趨勢(shì)區(qū)
• 垂直線
• 回歸線

是否可以在圖表中配置軸和網(wǎng)格線？

圖表的軸對(duì)于理解數(shù)據(jù)值當(dāng)然是必不可少的。畢竟，如果沒(méi)有參考尺度，首先構(gòu)建圖表是不可行的。

FusionCharts 為您提供了許多可能的配置來(lái)自定義軸和網(wǎng)格線：

• 配置 X 軸/Y 軸
• 軸放置
• 右側(cè)的 Y 軸
• 輔助軸
• 軸定制
• 分區(qū)線
• 垂直線
• 零平面
• 軸的動(dòng)態(tài)重新縮放

您準(zhǔn)備好通過(guò)交互式數(shù)據(jù)可視化來(lái)增強(qiáng)數(shù)據(jù)了嗎？

無(wú)論您是使用簡(jiǎn)單數(shù)據(jù)還是復(fù)雜數(shù)據(jù)構(gòu)建桌面或移動(dòng)儀表板，F(xiàn)usionCharts 都能滿足您的需求。我們已經(jīng)在本文中討論了 7 種向圖表添加交互性的方法，但還有更多方法可供您閱讀。FusionCharts 提供 100 多個(gè)交互式圖表和 2,000 多個(gè)數(shù)據(jù)驅(qū)動(dòng)的地圖。FusionCharts 還包括流行圖表的所有變體，如條形圖、柱形圖、折線圖、面積圖和餅圖；或特定領(lǐng)域的圖表，如樹(shù)狀圖、熱圖、甘特圖、Marimekko 圖表、儀表、蜘蛛圖、瀑布圖等等！