JavaScript图表工具FusionCharts入门教程（21）：更改图表类型和Data Skipping

FusionCharts Suite XT允许您通过其高级API动态更改图表类型。Data Skipping是一种引入的概念，用于仅在画布中绘制那些实际上会创建数据趋势而不影响图表性能的图。

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 Suite XT允许您通过其高级API动态更改图表类型。您可以通过在任何FusionCharts实例上调用chartType()方法来更改图表类型，并提供图表名称作为参数。

可以动态更改图表类型的图表示例如下所示：

Data Skipping

可视化在数据科学中起着至关重要的作用，甚至在任何其他计算开始之前，它就可以帮助数据科学家了解数据中的潜在模式。借助v3.12.0，FusionCharts已发展为在标准图表中使用大量数据。

如果要在折线图，面积图和柱形图的尺寸为500×400像素的单个系列图中绘制10000个数据点，该怎么办。因此，如果我们将画布的宽度作为500像素，则每个像素的宽度将平均绘制20个数据图，这对于可视化而言不是很有帮助。

Data Skipping是一种引入的概念，用于仅在画布中绘制那些实际上会创建数据趋势而不影响图表性能的图。

以下是属性列表，您可以借助这些属性来自定义Data Skipping：

• 将plotBinSize属性设置为1，以在一个像素的宽度内渲染至少一个数据图。例如，如果为plotBinSize: 1，则将在一个像素的宽度内绘制至少一列的图。对于折线图和面积图，将绘制至少连接一条直线的两个锚点。如果为plotBinSize: 0.5，则将渲染每个像素（宽度）上至少两列的图。
• 将labelBinSize属性设置为1，以在一个像素的宽度中显示最少一个标签。

注意：要禁用此标签跳过，请将此属性设置为0。

现在，让我们用30000数据绘制一个面积图。您会注意到，该图表将清楚地说明新旅程的使用频率。该图表将显示每小时更新的数据。该图表以单个像素（宽度）中的最大值和最小值作图，以显示出数据中的图案。仅当这些图被另一图隐藏时，这些图才会重叠，从而导致绘制图表的速度比预期的快得多。重叠是根据无法妥协的数据趋势发生的。

一个示例如下所示：

在多序列图中，只有一个数据集的数据图被另一个数据集隐藏时，一个数据集才可以被另一数据集（部分或全部）重叠。

想要购买FusionCharts Suite XT正版授权，或了解更多产品信息请点击【咨询在线客服】

标签：

来源：慧都