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來制作專業(yè)的JavaScript圖表。

點擊下載FusionCharts最新版

數據預處理、數據過濾和數據操作是創(chuàng)建分析報告的先決過程的組成部分。在處理大量數據時，尋找簡化方法使您能夠在盡可能短的時間內正確處理數據通常會變得麻煩和乏味。但現在不是了。FusionCharts 具有內存中的 DataStore，可讓您高效地處理大量數據。

在這篇博文中，我們將借助示例銷售數據集討論 DataStore、DataTable 的用法以及 DataTable 支持的多種操作。

為什么 DataStore 和 DataTable 是創(chuàng)建報告的理想選擇？

FusionCharts 的DataStore是一種表格數據的內存存儲，有助于簡化數據預處理和操作過程。它包含一個DataTable來表示可以對其執(zhí)行操作的數據。它還擁有多種操作符，主要負責提供易于使用的接口來處理數據。

如何輕松地為我的數據集定義模式？

在 FusionCharts 中，為DataTable定義數據架構非常容易。您只需要聲明一個對象數組，其中每個對象代表實際DataTable中的一列。例如，在我們的銷售報告示例中，我們可能需要針對地區(qū)或國家/地區(qū)跟蹤每天的銷售數量。這種場景的架構如下所示。

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] 
];

要僅查看數據集中的特定列，您可以使用選擇操作。您可以使用此操作根據您的要求使用不同的標準從數據表中選擇一個或多個列。

以下是僅選擇我們數據集的Country和Sales列的示例代碼。

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

您可以根據自己的喜好輕松地對DataTable 中的數據進行排序。例如，您可能需要按降序繪制公司多年來賺取的收入，以便您可以快速找出公司創(chuàng)收方面最成功和最不成功的時間段。

示例代碼如下所示。

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

我可以根據我的喜好過濾數據嗎？

該數據存儲提供了一組操作，你可以用它來過濾數據值從一個大的數據集，基于一個或多個條件。如果對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);

是否可以同時對 DataTable 中的數據應用多個過濾器？

該管道是，可以讓你在一個序列運行兩個或多個數據操作的操作。您可以使用管道在一個步驟中將它們組合在一起并將它們應用到DataTable，而不是一個一個地將多個過濾器應用于創(chuàng)建多個 DataTable的DataTable。這只會創(chuàng)建一個 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 支持 Javascript、Angular、React、jQuery、Vue.js、Ember、React Native、AngularJS、Svelte、ASP.NET、PHP、Java、Ruby on Rails 和 Django 的各種開箱即用的綁定。

想要購買FusionCharts Suite XT正版授權，或了解更多產品信息請點擊