JavaScript圖表工具FusionCharts入門教程（十九）：折線圖與面積圖

---

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

點擊下載FusionCharts最新版

折線圖

折線圖通常用于顯示數據隨時間的趨勢，而面積圖則用于顯示定量數據。折線圖或面積圖中的信息繪制在x軸和y軸上；使用通過線段連接的數據點繪制數據值。

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

子標題的字體屬性和外觀也可以使用屬性來自定義

在示例中，讓我們創建一個折線圖，顯示在貝克斯菲爾德中心的總人流量。我們在x軸上繪制了天數，在y軸上繪制了訪問者數。

要渲染折線圖，請將type屬性設置為line。

折線圖如下所示：

面積圖

面積圖類似于折線圖，區別在于填充了由錨點和線段標記的區域。

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

• 字體屬性和標題的修飾符也可以使用屬性來自定義。
• 您還可以自定義標題的對齊方式。

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

想要了解或者購買FusionCharts XT正版授權的朋友歡迎

關注下方微信公眾號，及時獲取產品最新消息和最新資訊