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

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

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 具有内存中的 DataStore，可让您高效地处理大量数据。

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

为什么 DataStore 和 DataTable 是创建告的理想选择/strong>

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

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

如何轻松地为我的数据集定义模式/strong>

在 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 的特定列/strong>

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

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

let fusionDataStore = new FusionCharts.DataStore();let fusionTable = fusionDataStore.createDataTable(data, schema);let selectedData = fusionTable.query(FusionCharts.DataStore.Operators.select(['Country', 'Sales']));

对 DataTable 的数据进行排序的简单方法是什么/strong>

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

示例代码如下所示。

var sortQuery = sort([    {column: 'Sales', order: 'desc'}]);var sortedData = dataTable.query(customSortQuery);

DataStore还允许您进行自定义排序。

我可以根据我的喜好过滤数据吗/strong>

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

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

var filter1 = FusionCharts.DataStore.Operators.equals('Country', 'United States');var dataTable = dataT.query(filter1);

如何在我的数据集上应用数据透视操作/strong>

FusionCharts.DataStore.Operators.pivot(groupConfigArr, pivotColumn, aggrConfigArr);

从上面的代码我们可以看出，pivot操作总共需要三个参数；按配置分组的数组、枢轴列的名称和聚合配置数组。

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

该管道是，可以让你在一个序列运行两个或多个数据操作的操作。您可以使用管道在一个步骤中将它们组合在一起并将它们应用到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 的各种开箱即用的绑定。