7 个小改动,将对您的交互式图表产生重大影响

7 个小改动,将对您的交互式图表产生重大影响
数据可视化是任何分析师或专业人士的基本技能之一。不同的公司提供不同的图表选项,无论是静态的还是交互式的。

然而,用户往往更喜欢交互式图表,因为它们可以描述更多信息。

在本文中,我们将深入探讨交互式图表。此外,我们将讨论一些将对交互式图表的功能产生重大影响的小特性。

  • 什么是交互式图表?
  • 如何安装 FusionCharts 以使用交互式图表?
  • 如何实现交互式图表?
  • 哪些七项更改将对您的交互式图表产生重大影响?
  • 格式化数字
  • 启用缩放/滚动/平移
  • 将品牌添加到您的图表
  • 导出图表
  • 工具提示
  • 向下钻取图表
  • 管理空间
  • 准备好享受交互式图形体验了吗?

什么是交互式图表?

与静态图表不同,交互式图表响应不同的用户操作。例如,用户可以平移、调整大小和放大交互式图形。它还提供替代数据视图,放大选定区域,并根据最终应用程序一目了然地显示完整的数据集。

尽管有许多用于绘制数据图表的工具,但大多数只生成静态图表。简而言之,交互式图表积极参与并提供交互式用户体验。FusionCharts通过支持所有类型的用户与图表的交互,进一步提升了这种交互性。

如何安装 FusionCharts 以使用交互式图表?

可以使用三种方法安装 FusionCharts。

最简单的方法是使用 CDN。您必须包含来自 CDN 的 FusionCharts JS 脚本和主题文件。

代码如下,

<>
< !– 第1步– 包含 fusioncharts 核心库 →
< script type=”text/javascript” src=”https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js ”></script>光盘。融合图。com / fusioncharts /最新/ fusioncharts 。js ” ></脚本>
< !– 第2步– 包含融合主题 →
< script type=”text/javascript” src=”https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js ”></script>光盘。融合图。com / fusioncharts /最新/主题/ fusioncharts 。主题。融合。js ” ></脚本>
< /头>
第二种方法是下载 Fushion 图表文件并代码中使用本地文件路径。
代码如下,
<>
< !– Step 1 – 包含 fusioncharts 核心库 – >
< script type=”text/javascript” src=”path/to/local/fusioncharts. js >< /脚本>
< !– Step 2 – 包含融合主题 – >
< script type=”text/javascript” src=”path/to/local/themes/fusioncharts. 主题融合js >< /脚本>
< /头>

第三种方法是使用 NPM 安装 FushionCharts。如果您已经在机器上安装了 Node.js,则可以运行以下命令。

npm 安装 fusioncharts

如何实现交互式图表?

首先,下载FusionCharts并复制JS文件夹下的JavaScript文件

BITNAMI_INSTALL_DIR\apache2\htdocs

. 然后下载 jQuery 2.x。接下来,创建一个 Html 页面来呈现图表,如下所示:

< !DOCTYPE html >
< html >
<>
< title > FusionCharts < /title >
< /头>
<身体>
< div id=”chart-container” > FusionCharts < /div >
< script src=”js/jquery- 2.1 . 4 . js >< /脚本>
< script src=”js/fusioncharts. js >< /脚本>
< script src=”js/fusioncharts. 图表js >< /脚本>
< script src=”js/themes/fusioncharts. 主题祖尼_ js >< /脚本>
<脚本 src=”js/app. js >< /脚本>
< /正文>
< /html >

现在您可以使用 jQuery 从服务器获取数据。检索数据后,将其与 FusionCharts 集成。

哪些七项更改将对您的交互式图表产生重大影响?

我可以在图表中格式化数字吗?

FusionCharts 允许用户以多种方式格式化数字。

  • 数字前缀– 用户可以为所有值添加前缀字符以强调图表上显示的值。“numberprefix”属性可用于定义属性。
  • 数字后缀– 用户可以为所有数据添加后缀字符,以帮助访问者了解您的图表。“numbersuffix”属性可用于定义属性。
  • 双 Y 轴– 您可以使用属性:前缀和后缀在具有两个 Y 轴的多系列图表中为两个 Y 轴添加前缀或后缀。主 Y 轴可以定义为 numberPrefix 和 numberSuffix,而辅助 Y 轴可以定义为 sNumberPrefix 和 sNumberSuffix。
  • 数字格式– 数值在 FusionCharts 中自动格式化。在某些情况下,FusionCharts 会自动用逗号分隔值,还允许配置小数位。
  • 十进制和千位分隔符– 不同的国家使用不同的十进制和千位分隔符。因此,FusionCharts 可以根据国家/地区自定义图表。
  • 递归数字缩放– 当您的图表配置了数字比例时,就需要递归数字缩放。您可以通过将指定的数字刻度分成小块来呈现图表数据。

如何启用缩放/滚动/平移?

FusionCharts让您可以可视化大量数据,同时还提供交互式缩放、滚动和平移选项。您可以简单地放大任何数据集,查明特定数据点,并计划使用其他数据对其进行评估。以下是 FusionCharts 提供的一些功能:

  • 缩放
  • 缩放散点图
  • 平移
  • 滚动

我可以在图表中添加品牌吗?

如果您可以将您的品牌纳入最终消费者的图表中,那不是很好吗?

你可以!将公司徽标/文字和公司主页的链接放在显眼的位置。一些徽标图像可以保存为图片并在新闻通讯中作为图像使用。

我可以导出图表吗?

您可以从 FusionCharts 以各种格式导出图表、地图和仪表,包括图片、Excel 电子表格和 PDF 文件。可以通过不同的方式自定义导出属性:

  • 在导出菜单中自定义标题
  • 设置导出文件的名称
  • 在客户端导出
  • 通过导出 API 方法导出
  • 导出滚动图中的所有图
  • 批量导出
  • 文本区域中的 CSV/SVG 数据

我可以有工具提示吗?

一旦将鼠标悬停在数据点上,工具提示可用于显示文本。它们可用于显示不同的上下文数据。您可以通过以下方式在 FusionCharts 中实现工具提示:

  • 默认工具提示
  • 使用宏的工具提示
  • 综合工具提示
  • 工具提示中的图像
  • HTML 格式
  • 工具提示中的图表
  • 在 Tooltext 中绘制颜色

我可以创建向下钻取图表吗?

FusionCharts 可用于创建向下钻取图表,其中单个数据图充当热点。观众可以通过单击包含特定于该图的额外数据的图来打开新图表。FusionCharts 的所有图表除了缩放折线图外,都包含向下钻取功能。可以使用以下方法自定义明细图:

  • 使用 j 前缀
  • 使用数据 URL 方法
  • 使用数据字符串方法
  • 使用链接图表
  • 使用缩略图
  • 向下钻取事件 API

我可以有效地管理我的空间吗?

FusionCharts 带有许多创新的空间管理工具,可帮助您以逻辑和节省空间的方式组织页面上的图表。

例如,垂直堆叠的图表会自动定位,以便它们的列、轴和整体空间都均匀对齐,从而使页面具有井井有条的外观。因此,例如,如果您在页面上的一列内垂直堆叠大量图表,则FusionCharts 巧妙的空间管理将使它们一致地对齐。

准备好享受交互式图形体验了吗?

无论您是使用简单数据还是复杂数据创建桌面或移动仪表板,FusionCharts 都会为您提供帮助。该软件易于使用,性能良好,外观漂亮。

您实际上可以将它用于所有任务,对其进行调整,并将其设置为使用您的数据自动生成图表。

FusionCharts 能为您做什么?

FusionCharts 是一个用于在线和企业应用程序的 JavaScript 图表工具包,在全球拥有超过 27,000 家企业和 750,000 多名开发人员的用户群。

它带有 90 多个图表和 1000 张地图,可用于将您的信息转化为交互式和相关仪表板。

不要浪费时间!前往FusionCharts 并注册,享受无缝的交互式图形体验!

正文完
 0