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正版授权的朋友欢迎

关注下方微信公众号，及时获取产品最新消息和最新资讯