JavaScript圖表工具FusionCharts入門(mén)教程（十九）：折線(xiàn)圖與面積圖

---

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è)面。它是你值得信賴(lài)的JavaScript圖表解決方案，目前在全球有45萬(wàn)用戶(hù)選擇Fusioncharts來(lái)制作專(zhuān)業(yè)的JavaScript圖表。

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

折線(xiàn)圖

折線(xiàn)圖通常用于顯示數(shù)據(jù)隨時(shí)間的趨勢(shì)，而面積圖則用于顯示定量數(shù)據(jù)。折線(xiàn)圖或面積圖中的信息繪制在x軸和y軸上；使用通過(guò)線(xiàn)段連接的數(shù)據(jù)點(diǎn)繪制數(shù)據(jù)值。

子標(biāo)題（也稱(chēng)為圖表標(biāo)題）是圖表的子標(biāo)題。您可以為子標(biāo)題添加自定義文本，以及配置其字體屬性。

子標(biāo)題的字體屬性和外觀也可以使用屬性來(lái)自定義

在示例中，讓我們創(chuàng)建一個(gè)折線(xiàn)圖，顯示在貝克斯菲爾德中心的總?cè)肆髁?。我們?cè)趚軸上繪制了天數(shù)，在y軸上繪制了訪(fǎng)問(wèn)者數(shù)。

要渲染折線(xiàn)圖，請(qǐng)將type屬性設(shè)置為line。

折線(xiàn)圖如下所示：

面積圖

面積圖類(lèi)似于折線(xiàn)圖，區(qū)別在于填充了由錨點(diǎn)和線(xiàn)段標(biāo)記的區(qū)域。

標(biāo)題（也稱(chēng)為圖表標(biāo)題）是圖表的標(biāo)題，您可以為標(biāo)題添加自定義文本，以及配置其字體屬性和外觀。

• 字體屬性和標(biāo)題的修飾符也可以使用屬性來(lái)自定義。
• 您還可以自定義標(biāo)題的對(duì)齊方式。

====================================================

想要了解或者購(gòu)買(mǎi)FusionCharts XT正版授權(quán)的朋友歡迎咨詢(xún)慧都官方客服

關(guān)注下方微信公眾號(hào)，及時(shí)獲取產(chǎn)品最新消息和最新資訊