如何使用FusionCharts快速处理数据创建令人惊叹的销售报告?

翻译|使用教程|编辑:杨鹏连|2021-07-27 11:28:33.450|阅读 23 次

概述:在这篇博文中,我们将借助示例销售数据集讨论 DataStore、DataTable 的用法以及 DataTable 支持的多种操作。

# 31款JAVA开发必备控件和工具 # 企业数字化建设合规无风险[专题]

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

点击下载FusionCharts最新版

数据预处理、数据过滤和数据操作是创建分析报告的先决过程的组成部分。在处理大量数据时,寻找简化方法使您能够在尽可能短的时间内正确处理数据通常会变得麻烦和乏味。但现在不是了。FusionCharts 具有内存中的 DataStore,可让您高效地处理大量数据。

在这篇博文中,我们将借助示例销售数据集讨论 DataStore、DataTable 的用法以及 DataTable 支持的多种操作。

为什么 DataStore 和 DataTable 是创建报告的理想选择?

如何使用FusionCharts快速处理数据创建令人惊叹的销售报告?

FusionCharts 的DataStore是一种表格数据的内存存储,有助于简化数据预处理和操作过程。它包含一个DataTable来表示可以对其执行操作的数据。它还拥有多种操作符,主要负责提供易于使用的接口来处理数据。

另一方面,如果我们专门讨论DataTable,它是数据的表格表示,需要您提供一个架构来定义列的属性以及每行和列的实际值。这些简单、简洁且易于使用的属性使 FusionCharts 的DataStore和DataTable成为处理数据密集型任务的理想选择。

如何轻松地为我的数据集定义模式?

如何使用FusionCharts快速处理数据创建令人惊叹的销售报告?

在 FusionCharts 中,为DataTable定义数据架构非常容易。您只需要声明一个对象数组,其中每个对象代表实际DataTable中的一列。例如,在我们的销售报告示例中,我们可能需要针对地区或国家/地区跟踪每天的销售数量。这种场景的架构如下所示。

let schema = [   
    {     
        name: "Country",     
        type: "string"   
    },   
    {     
        name: "Time",     
        type: "date",     
        format: "%-m/%-d/%Y"   
    },   
    {     
        name: "Sales",     
        type: "number"   
    } 
];
与定义的模式匹配的相应数据集可能如下所示。
let data = [   
    ["United States", "1/4/2011", 16.448],   
    ["United States", "1/5/2011", 272.736],   
    ["United States", "1/5/2011", 11.784],   
    ["United States", "12/31/2014", 20.72],   
    ["United States", "12/31/2014", 13.904],   
    ["United States", "12/31/2014", 3.024] 
];
如何仅查看 DataTable 的特定列?

要仅查看数据集中的特定列,您可以使用选择操作。您可以使用此操作根据您的要求使用不同的标准从数据表中选择一个或多个列。

以下是仅选择我们数据集的Country和Sales列的示例代码。

let fusionDataStore = new FusionCharts.DataStore(); 
let fusionTable = fusionDataStore.createDataTable(data, schema); 
let selectedData = fusionTable.query(FusionCharts.DataStore.Operators.select(['Country', 'Sales']));
对 DataTable 的数据进行排序的简单方法是什么?

您可以根据自己的喜好轻松地对DataTable 中的数据进行排序。例如,您可能需要按降序绘制公司多年来赚取的收入,以便您可以快速找出公司创收方面最成功和最不成功的时间段。

示例代码如下所示。

var sortQuery = sort([     
    {column: 'Sales', order: 'desc'}     
]);
var sortedData = dataTable.query(customSortQuery);
DataStore还允许您进行自定义排序。

我可以根据我的喜好过滤数据吗?

该数据存储提供了一组操作,你可以用它来过滤数据值从一个大的数据集,基于一个或多个条件。如果对DataTable应用这些操作之一,它会生成一个包含过滤数据的新子表。

在下面的代码示例中,想法是过滤在Country列中具有United States值的所有列。

var filter1 = FusionCharts.DataStore.Operators.equals('Country', 'United States'); 
var dataTable = dataT.query(filter1);
如何在我的数据集上应用数据透视操作?

该数据存储的枢轴功能是一个表格表达转换成另一操作者; 更具体地说,从行到列级别。

FusionCharts.DataStore.Operators.pivot(groupConfigArr, pivotColumn, aggrConfigArr);
从上面的代码我们可以看出,pivot操作总共需要三个参数;按配置分组的数组、枢轴列的名称和聚合配置数组。

是否可以同时对 DataTable 中的数据应用多个过滤器?

该管道是,可以让你在一个序列运行两个或多个数据操作的操作。您可以使用管道在一个步骤中将它们组合在一起并将它们应用到DataTable,而不是一个一个地将多个过滤器应用于创建多个 DataTable的DataTable。这只会创建一个 DataTable。

假设您要过滤关于两列(即Country和Sales )的数据。您可以使用管道函数立即生成过滤结果,如下所示。

filter1 = FusionCharts.DataStore.Operators.equals('Country', 'India'); 
filter2 = FusionCharts.DataStore.Operators.greater('Sales', 3);
pipeDataTable = fusionTable.query(FusionCharts.DataStore.Operators.pipe(filter1, filter2));
所以,我们来了!内存FusionCharts的数据存储取得了它很容易和轻松做到的创造高品质的报告的先决条件设置。数据预处理、过滤和操作;一切都只是几个函数调用。该数据存储防止你提供帮助的功能是做引擎盖下所有的辛勤工作重新创建轮。

此外,FusionCharts 支持 Javascript、Angular、React、jQuery、Vue.js、Ember、React Native、AngularJS、Svelte、ASP.NET、PHP、Java、Ruby on Rails 和 Django 的各种开箱即用的绑定。


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


标签:

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

文章转载自:InfoSoft

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线咨询
联系我们
TOP
在线客服系统
live chat