永利最大(官方)网站

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最新版

数据可视化是一种赋予数据意义的强大方式。毕竟，静态图表很棒，也可以做到这一点，但交互式图表更上一层楼。FusionCharts 提供了多种方式来为您的 Javascript 图表带来交互性。FusionCharts 真正将您的数据可视化提升到一个新的水平。在本文中，我们将研究 FusionCharts Suite 如何让您以您想要的方式配置图表，无论是功能上还是视觉上。

您可以通过属性配置图表、通过注释添加图层或使用我们的事件和 API 构建复杂的可视化。在本文中，我们将介绍多种添加交互性的方法。其中包括数据图、标题和标签、数字格式、图例、工具提示、趋势线以及轴和网格线。

如何自定义图表中的数据图？

数据图是指数据值的图形表示，例如图表中的列/线/区域/饼图。使用数据图，您可以轻松地从数据中得出结果，而不是在复杂的表格格式上浪费时间。FusionCharts 在数据图上提供了许多自定义选项，使它们更具洞察力。

指定图表标题和标签的方法有哪些？

图表画布区域上出现的任何形式的文本都会为数据可视化添加更多细节。您的文本可以采用图表标题、子标题、轴标题以及数据值和数据标签的形式。

如何在图表中设置数字格式？

FusionCharts 允许您格式化图表上显示的任何数值。您可以配置以下内容：

• 号码前缀
• 号码后缀
• 双 Y 轴
• 数字格式
• 十进制和千位分隔符
• 递归数字缩放

自定义图表中的图例有哪些方法？

在多系列图表中，您可以为每组数据分配交互式图例。这有助于您将每个数据集与其对应的类别相关联。FusionCharts 中的图例本质上是交互式的。您可以单击代表特定数据系列的图例图标以隐藏或显示数据图并实时关注特定数据集。

我可以在图表中配置工具提示吗？

工具提示是一个小的浮动文本框，当您将鼠标光标悬停在特定数据图上时会显示该文本框。根据图表所属的类型，工具提示还可以显示有关数据图的不同类型的上下文信息。例如，在单个系列图表中，工具提示可以显示特定绘图的名称和数据值。

如何在图表中添加趋势线？

趋势线是水平或垂直参考线，可帮助查看者轻松解读数据。您可以使用它们来设置数据的上下文（带有工具提示）以及定义限制和目标。

有多种方法可以自定义图表和小部件中的趋势线：

• 图表中的趋势线
• 仪表中的趋势线
• 趋势区
• 垂直线
• 回归线

是否可以在图表中配置轴和网格线？

图表的轴对于理解数据值当然是必不可少的。毕竟，如果没有参考尺度，首先构建图表是不可行的。

FusionCharts 为您提供了许多可能的配置来自定义轴和网格线：

• 配置 X 轴/Y 轴
• 轴放置
• 右侧的 Y 轴
• 辅助轴
• 轴定制
• 分区线
• 垂直线
• 零平面
• 轴的动态重新缩放

您准备好通过交互式数据可视化来增强数据了吗？

无论您是使用简单数据还是复杂数据构建桌面或移动仪表板，FusionCharts 都能满足您的需求。我们已经在本文中讨论了 7 种向图表添加交互性的方法，但还有更多方法可供您阅读。FusionCharts 提供 100 多个交互式图表和 2,000 多个数据驱动的地图。FusionCharts 还包括流行图表的所有变体，如条形图、柱形图、折线图、面积图和饼图；或特定领域的图表，如树状图、热图、甘特图、Marimekko 图表、仪表、蜘蛛图、瀑布图等等！