彩票走势图

JavaScript图表工具FusionCharts入门教程(21):更改图表类型和Data Skipping

翻译|使用教程|编辑:莫成敏|2020-06-09 14:34:44.717|阅读 132 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

FusionCharts Suite XT是全面的跨平台、跨浏览器JavaScript图表套包,其中包括FusionCharts XTPowerCharts XTFusionWidgets XTFusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案,目前在全球有45万用户选择Fusioncharts来制作专业的JavaScript图表。

点击下载FusionCharts最新版

更改图表类型

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

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

JavaScript图表工具FusionCharts入门教程(21):更改图表类型和Data Skipping

Data Skipping

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

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

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

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

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

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

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

一个示例如下所示:

JavaScript图表工具FusionCharts入门教程(21):更改图表类型和Data Skipping

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


想要购买FusionCharts Suite XT正版授权,或了解更多产品信息请点击



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关产品
FusionCharts Suite XT

全面的跨平台、跨浏览器JavaScript图表解决方案套包,拥有100+图表和2000+地图

FusionCharts XT

50万用户首选的跨平台、跨浏览器的JavaScript/HTML图表解决方案

FusionWidgets XT

FusionWidgets XT操作简单,提供各种实时图表、金融图表、支持图表自动更新

PowerCharts XT

适用于专业领域的高级图表控件

FusionMaps XT

功能强大的JavaScript (HTML5)地图工具,可以根据内容、地区来展现及描绘地理数据或者其它实体。

扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP