DevExtreme v24.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

Overview

DevExtreme Vue Pivot Grid is a powerful client-side component for multi-dimensional data analysis. It provides such essential features as grouping, sorting, filtering, multiple summary calculation modes, flexible layout, and more. You can use Vue syntax and techniques to instantiate and configure the Pivot Grid or handle its events. Find out more about DevExtreme Vue components.

To get started with the DevExtreme PivotGrid component, refer to the following tutorial for step-by-step instructions: Getting Started with PivotGrid.

Backend API
<template> <div> <DxChart ref="chartRef"> <DxTooltip :enabled="true" :customize-tooltip="customizeTooltip" /> <DxAdaptiveLayout :width="450"/> <DxSize :height="200"/> <DxCommonSeriesSettings type="bar"/> </DxChart> <DxPivotGrid id="pivotgrid" ref="pivotGridRef" :data-source="dataSource" :allow-sorting-by-summary="true" :allow-filtering="true" :show-borders="true" :show-column-grand-totals="false" :show-row-grand-totals="false" :show-row-totals="false" :show-column-totals="false" > <DxFieldChooser :enabled="true" :height="400" /> </DxPivotGrid> </div> </template> <script setup lang="ts"> import { onMounted, ref } from 'vue'; import { DxChart, DxAdaptiveLayout, DxCommonSeriesSettings, DxSize, DxTooltip, } from 'devextreme-vue/chart'; import { DxPivotGrid, DxFieldChooser, } from 'devextreme-vue/pivot-grid'; import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source'; import { sales } from './data.ts'; const dataSource = new PivotGridDataSource({ fields: [{ caption: 'Region', width: 120, dataField: 'region', area: 'row', sortBySummaryField: 'Total', }, { caption: 'City', dataField: 'city', width: 150, area: 'row', }, { dataField: 'date', dataType: 'date', area: 'column', }, { groupName: 'date', groupInterval: 'month', visible: false, }, { caption: 'Total', dataField: 'amount', dataType: 'number', summaryType: 'sum', format: 'currency', area: 'data', }], store: sales, }); const customizeTooltip = function({ seriesName, originalValue }) { const valueText = currencyFormatter.format(originalValue); return { html: `${seriesName} | Total<div class='currency'>${valueText}</div>`, }; }; const pivotGridRef = ref<DxPivotGrid>(); const chartRef = ref<DxChart>(); onMounted(() => { const pivotGrid = pivotGridRef.value?.instance; pivotGrid?.bindChart(chartRef.value?.instance, { dataFieldsDisplayMode: 'splitPanes', alternateDataFields: false, }); const pivotGridDataSource = pivotGrid?.getDataSource(); setTimeout(() => { pivotGridDataSource?.expandHeaderItem('row', ['North America']); pivotGridDataSource?.expandHeaderItem('column', [2013]); }); }); const currencyFormatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 0, }); </script> <style> #pivotgrid { margin-top: 20px; } .currency { text-align: center; } </style>
window.exports = window.exports || {}; window.config = { transpiler: 'plugin-babel', meta: { '*.vue': { loader: 'vue-loader', }, '*.ts': { loader: 'demo-ts-loader', }, '*.svg': { loader: 'svg-loader', }, 'devextreme/time_zone_utils.js': { 'esModule': true, }, 'devextreme/localization.js': { 'esModule': true, }, 'devextreme/viz/palette.js': { 'esModule': true, }, }, paths: { 'root:': '../../../../', 'npm:': 'https://unpkg.com/', }, map: { 'vue': 'npm:vue@3.2.47/dist/vue.esm-browser.js', 'vue-loader': 'npm:dx-systemjs-vue-browser@1.1.1/index.js', 'demo-ts-loader': 'root:utils/demo-ts-loader.js', 'svg-loader': 'root:utils/svg-loader.js', 'mitt': 'npm:mitt/dist/mitt.umd.js', 'rrule': 'npm:rrule@2.6.4/dist/es5/rrule.js', 'luxon': 'npm:luxon@1.28.1/build/global/luxon.min.js', 'es6-object-assign': 'npm:es6-object-assign@1.1.0', 'devextreme': 'npm:devextreme@24.1.4/cjs', 'devextreme-vue': 'npm:devextreme-vue@24.1.4/cjs', 'jszip': 'npm:jszip@3.10.1/dist/jszip.min.js', 'devextreme-quill': 'npm:devextreme-quill@1.7.1/dist/dx-quill.min.js', 'devexpress-diagram': 'npm:devexpress-diagram@2.2.10/dist/dx-diagram.js', 'devexpress-gantt': 'npm:devexpress-gantt@4.1.56/dist/dx-gantt.js', '@devextreme/runtime': 'npm:@devextreme/runtime@3.0.13', 'inferno': 'npm:inferno@7.4.11/dist/inferno.min.js', 'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js', 'inferno-create-element': 'npm:inferno-create-element@7.4.11/dist/inferno-create-element.min.js', 'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js', 'inferno-hydrate': 'npm:inferno-hydrate@7.4.11/dist/inferno-hydrate.min.js', 'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js', 'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js', 'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js', 'plugin-babel': 'npm:systemjs-plugin-babel@0.0.25/plugin-babel.js', 'systemjs-babel-build': 'npm:systemjs-plugin-babel@0.0.25/systemjs-babel-browser.js', // Prettier 'prettier/standalone': 'npm:prettier@2.8.8/standalone.js', 'prettier/parser-html': 'npm:prettier@2.8.8/parser-html.js', }, packages: { 'devextreme-vue': { main: 'index.js', }, 'devextreme': { defaultExtension: 'js', }, 'devextreme/events/utils': { main: 'index', }, 'devextreme/events': { main: 'index', }, 'es6-object-assign': { main: './index.js', defaultExtension: 'js', }, }, packageConfigPaths: [ 'npm:@devextreme/*/package.json', 'npm:@devextreme/runtime@3.0.13/inferno/package.json', ], babelOptions: { sourceMaps: false, stage0: true, }, }; System.config(window.config);
export const sales = [{ id: 10248, region: 'North America', country: 'United States of America', city: 'New York', amount: 1740, date: new Date('2013-01-06'), }, { id: 10249, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 850, date: new Date('2013-01-13'), }, { id: 10250, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2235, date: new Date('2013-01-07'), }, { id: 10251, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1965, date: new Date('2013-01-03'), }, { id: 10252, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 880, date: new Date('2013-01-10'), }, { id: 10253, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 5260, date: new Date('2013-01-17'), }, { id: 10254, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 2790, date: new Date('2013-01-21'), }, { id: 10255, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 3140, date: new Date('2013-01-01'), }, { id: 10256, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 6175, date: new Date('2013-01-24'), }, { id: 10257, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 4575, date: new Date('2013-01-11'), }, { id: 10258, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 3680, date: new Date('2013-01-12'), }, { id: 10259, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 2260, date: new Date('2013-01-01'), }, { id: 10260, region: 'Asia', country: 'China', city: 'Beijing', amount: 2910, date: new Date('2013-01-26'), }, { id: 10261, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 8400, date: new Date('2013-01-05'), }, { id: 10262, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 1325, date: new Date('2013-01-14'), }, { id: 10263, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 3920, date: new Date('2013-01-05'), }, { id: 10264, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2220, date: new Date('2013-01-15'), }, { id: 10265, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 940, date: new Date('2013-01-01'), }, { id: 10266, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1630, date: new Date('2013-01-10'), }, { id: 10267, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2910, date: new Date('2013-01-23'), }, { id: 10268, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 2600, date: new Date('2013-01-14'), }, { id: 10269, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 4340, date: new Date('2013-01-26'), }, { id: 10270, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 6650, date: new Date('2013-01-24'), }, { id: 10271, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 490, date: new Date('2013-01-22'), }, { id: 10272, region: 'North America', country: 'United States of America', city: 'New York', amount: 3390, date: new Date('2013-01-25'), }, { id: 10273, region: 'North America', country: 'United States of America', city: 'New York', amount: 5160, date: new Date('2013-02-20'), }, { id: 10274, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 5750, date: new Date('2013-02-12'), }, { id: 10275, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2805, date: new Date('2013-02-13'), }, { id: 10276, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2505, date: new Date('2013-02-09'), }, { id: 10277, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 930, date: new Date('2013-02-04'), }, { id: 10278, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 1240, date: new Date('2013-02-03'), }, { id: 10279, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 315, date: new Date('2013-02-04'), }, { id: 10280, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2870, date: new Date('2013-02-18'), }, { id: 10281, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 5150, date: new Date('2013-02-18'), }, { id: 10282, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 2725, date: new Date('2013-02-20'), }, { id: 10283, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 2840, date: new Date('2013-02-04'), }, { id: 10284, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5840, date: new Date('2013-02-13'), }, { id: 10285, region: 'Asia', country: 'China', city: 'Beijing', amount: 6750, date: new Date('2013-02-11'), }, { id: 10286, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 1200, date: new Date('2013-02-03'), }, { id: 10287, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 4550, date: new Date('2013-02-08'), }, { id: 10288, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 6040, date: new Date('2013-02-17'), }, { id: 10289, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2205, date: new Date('2013-02-08'), }, { id: 10290, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 990, date: new Date('2013-02-20'), }, { id: 10291, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 700, date: new Date('2013-02-11'), }, { id: 10292, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2325, date: new Date('2013-02-15'), }, { id: 10293, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 930, date: new Date('2013-02-21'), }, { id: 10294, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1560, date: new Date('2013-02-04'), }, { id: 10295, region: 'North America', country: 'United States of America', city: 'New York', amount: 1740, date: new Date('2013-03-04'), }, { id: 10296, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 3575, date: new Date('2013-03-20'), }, { id: 10297, region: 'North America', country: 'United States of America', city: 'Denver', amount: 4500, date: new Date('2013-03-04'), }, { id: 10298, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1605, date: new Date('2013-03-17'), }, { id: 10299, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 800, date: new Date('2013-03-21'), }, { id: 10300, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 640, date: new Date('2013-03-08'), }, { id: 10301, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 735, date: new Date('2013-03-19'), }, { id: 10302, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2520, date: new Date('2013-03-20'), }, { id: 10303, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 6675, date: new Date('2013-03-18'), }, { id: 10304, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 3625, date: new Date('2013-03-25'), }, { id: 10305, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 1200, date: new Date('2013-03-07'), }, { id: 10306, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 2000, date: new Date('2013-03-07'), }, { id: 10307, region: 'Asia', country: 'China', city: 'Beijing', amount: 1410, date: new Date('2013-03-10'), }, { id: 10308, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 2700, date: new Date('2013-03-19'), }, { id: 10309, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 5950, date: new Date('2013-03-24'), }, { id: 10310, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 5120, date: new Date('2013-03-08'), }, { id: 10311, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1980, date: new Date('2013-03-17'), }, { id: 10312, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1110, date: new Date('2013-03-08'), }, { id: 10313, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 980, date: new Date('2013-03-21'), }, { id: 10314, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 5460, date: new Date('2013-03-19'), }, { id: 10315, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 3800, date: new Date('2013-03-12'), }, { id: 10316, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2610, date: new Date('2013-03-04'), }, { id: 10317, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 3080, date: new Date('2013-03-22'), }, { id: 10318, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 2010, date: new Date('2013-03-23'), }, { id: 10319, region: 'Asia', country: 'China', city: 'Beijing', amount: 1200, date: new Date('2013-03-04'), }, { id: 10320, region: 'North America', country: 'United States of America', city: 'New York', amount: 7680, date: new Date('2013-04-15'), }, { id: 10321, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 1325, date: new Date('2013-04-07'), }, { id: 10322, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2835, date: new Date('2013-04-10'), }, { id: 10323, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 3660, date: new Date('2013-04-10'), }, { id: 10324, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 390, date: new Date('2013-04-12'), }, { id: 10325, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 4420, date: new Date('2013-04-08'), }, { id: 10326, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1755, date: new Date('2013-04-13'), }, { id: 10327, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2580, date: new Date('2013-04-15'), }, { id: 10328, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 850, date: new Date('2013-04-01'), }, { id: 10329, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 2825, date: new Date('2013-04-10'), }, { id: 10330, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 540, date: new Date('2013-04-06'), }, { id: 10331, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1520, date: new Date('2013-04-08'), }, { id: 10332, region: 'Asia', country: 'China', city: 'Beijing', amount: 8760, date: new Date('2013-04-26'), }, { id: 10333, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 1110, date: new Date('2013-04-16'), }, { id: 10334, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 6850, date: new Date('2013-04-19'), }, { id: 10335, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 1940, date: new Date('2013-04-23'), }, { id: 10336, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1980, date: new Date('2013-04-21'), }, { id: 10337, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 3090, date: new Date('2013-04-03'), }, { id: 10338, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1640, date: new Date('2013-04-24'), }, { id: 10339, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3585, date: new Date('2013-04-01'), }, { id: 10340, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1770, date: new Date('2013-04-01'), }, { id: 10341, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4005, date: new Date('2013-04-04'), }, { id: 10342, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2870, date: new Date('2013-04-02'), }, { id: 10343, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 960, date: new Date('2013-04-20'), }, { id: 10344, region: 'North America', country: 'United States of America', city: 'New York', amount: 8640, date: new Date('2013-05-14'), }, { id: 10345, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 5450, date: new Date('2013-05-24'), }, { id: 10346, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2535, date: new Date('2013-05-07'), }, { id: 10347, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1155, date: new Date('2013-05-20'), }, { id: 10348, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 3140, date: new Date('2013-05-18'), }, { id: 10349, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 2260, date: new Date('2013-05-19'), }, { id: 10350, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1215, date: new Date('2013-05-23'), }, { id: 10351, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1210, date: new Date('2013-05-08'), }, { id: 10352, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 875, date: new Date('2013-05-25'), }, { id: 10353, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5400, date: new Date('2013-05-03'), }, { id: 10354, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 5940, date: new Date('2013-05-25'), }, { id: 10355, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 4700, date: new Date('2013-05-03'), }, { id: 10356, region: 'Asia', country: 'China', city: 'Beijing', amount: 5520, date: new Date('2013-05-12'), }, { id: 10357, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 9210, date: new Date('2013-05-22'), }, { id: 10358, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 7950, date: new Date('2013-05-12'), }, { id: 10359, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 3740, date: new Date('2013-05-24'), }, { id: 10360, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 990, date: new Date('2013-05-02'), }, { id: 10361, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 3190, date: new Date('2013-05-03'), }, { id: 10362, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 2430, date: new Date('2013-05-11'), }, { id: 10363, region: 'North America', country: 'United States of America', city: 'New York', amount: 7380, date: new Date('2013-06-15'), }, { id: 10364, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 4475, date: new Date('2013-06-08'), }, { id: 10365, region: 'North America', country: 'United States of America', city: 'Denver', amount: 1290, date: new Date('2013-06-10'), }, { id: 10366, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2250, date: new Date('2013-06-10'), }, { id: 10367, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 350, date: new Date('2013-06-22'), }, { id: 10368, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 5480, date: new Date('2013-06-24'), }, { id: 10369, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 2355, date: new Date('2013-06-10'), }, { id: 10370, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1960, date: new Date('2013-06-23'), }, { id: 10371, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 4125, date: new Date('2013-06-06'), }, { id: 10372, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 7925, date: new Date('2013-06-12'), }, { id: 10373, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 1120, date: new Date('2013-06-22'), }, { id: 10374, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5100, date: new Date('2013-06-01'), }, { id: 10375, region: 'Asia', country: 'China', city: 'Beijing', amount: 1500, date: new Date('2013-06-25'), }, { id: 10376, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 5130, date: new Date('2013-06-10'), }, { id: 10377, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 2475, date: new Date('2013-06-10'), }, { id: 10378, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 2100, date: new Date('2013-06-06'), }, { id: 10379, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3570, date: new Date('2013-06-10'), }, { id: 10380, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 550, date: new Date('2013-06-02'), }, { id: 10381, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 2850, date: new Date('2013-06-26'), }, { id: 10382, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 4280, date: new Date('2013-06-19'), }, { id: 10383, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 1460, date: new Date('2013-06-17'), }, { id: 10384, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 960, date: new Date('2013-06-17'), }, { id: 10385, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1520, date: new Date('2013-06-03'), }, { id: 10386, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 6750, date: new Date('2013-06-21'), }, { id: 10387, region: 'North America', country: 'United States of America', city: 'New York', amount: 7260, date: new Date('2013-07-14'), }, { id: 10388, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 2450, date: new Date('2013-07-11'), }, { id: 10389, region: 'North America', country: 'United States of America', city: 'Denver', amount: 3540, date: new Date('2013-07-02'), }, { id: 10390, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1950, date: new Date('2013-07-03'), }, { id: 10391, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 360, date: new Date('2013-07-07'), }, { id: 10392, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 4500, date: new Date('2013-07-03'), }, { id: 10393, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4575, date: new Date('2013-07-21'), }, { id: 10394, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2310, date: new Date('2013-07-18'), }, { id: 10395, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 7500, date: new Date('2013-07-04'), }, { id: 10396, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 3575, date: new Date('2013-07-23'), }, { id: 10397, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 760, date: new Date('2013-07-01'), }, { id: 10398, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 2400, date: new Date('2013-07-11'), }, { id: 10399, region: 'Asia', country: 'China', city: 'Beijing', amount: 3330, date: new Date('2013-07-04'), }, { id: 10400, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 3480, date: new Date('2013-07-23'), }, { id: 10401, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 4875, date: new Date('2013-07-11'), }, { id: 10402, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4980, date: new Date('2013-07-19'), }, { id: 10403, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2580, date: new Date('2013-07-04'), }, { id: 10404, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2650, date: new Date('2013-07-16'), }, { id: 10405, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1190, date: new Date('2013-07-02'), }, { id: 10406, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 960, date: new Date('2013-07-26'), }, { id: 10407, region: 'North America', country: 'United States of America', city: 'New York', amount: 3600, date: new Date('2013-08-08'), }, { id: 10408, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 2250, date: new Date('2013-08-01'), }, { id: 10409, region: 'North America', country: 'United States of America', city: 'Denver', amount: 1275, date: new Date('2013-08-02'), }, { id: 10410, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 3885, date: new Date('2013-08-14'), }, { id: 10411, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1900, date: new Date('2013-08-05'), }, { id: 10412, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 2300, date: new Date('2013-08-09'), }, { id: 10413, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 2895, date: new Date('2013-08-15'), }, { id: 10414, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 350, date: new Date('2013-08-20'), }, { id: 10415, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 4200, date: new Date('2013-08-22'), }, { id: 10416, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 7175, date: new Date('2013-08-14'), }, { id: 10417, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 4420, date: new Date('2013-08-24'), }, { id: 10418, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5200, date: new Date('2013-08-21'), }, { id: 10419, region: 'Asia', country: 'China', city: 'Beijing', amount: 7920, date: new Date('2013-08-17'), }, { id: 10420, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 6990, date: new Date('2013-08-22'), }, { id: 10421, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 2125, date: new Date('2013-08-05'), }, { id: 10422, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 2220, date: new Date('2013-08-16'), }, { id: 10423, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1575, date: new Date('2013-08-23'), }, { id: 10424, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1880, date: new Date('2013-08-12'), }, { id: 10425, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 710, date: new Date('2013-08-25'), }, { id: 10426, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 390, date: new Date('2013-08-20'), }, { id: 10427, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4635, date: new Date('2013-08-04'), }, { id: 10428, region: 'North America', country: 'United States of America', city: 'Denver', amount: 4350, date: new Date('2013-08-19'), }, { id: 10429, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 6020, date: new Date('2013-08-02'), }, { id: 10430, region: 'North America', country: 'United States of America', city: 'New York', amount: 3660, date: new Date('2013-08-19'), }, { id: 10431, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 4525, date: new Date('2013-08-24'), }, { id: 10432, region: 'North America', country: 'United States of America', city: 'New York', amount: 4410, date: new Date('2013-09-12'), }, { id: 10433, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 1725, date: new Date('2013-09-07'), }, { id: 10434, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2715, date: new Date('2013-09-14'), }, { id: 10435, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2820, date: new Date('2013-09-08'), }, { id: 10436, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2310, date: new Date('2013-09-12'), }, { id: 10437, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 780, date: new Date('2013-09-08'), }, { id: 10438, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 2370, date: new Date('2013-09-19'), }, { id: 10439, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1410, date: new Date('2013-09-09'), }, { id: 10440, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 1825, date: new Date('2013-09-23'), }, { id: 10441, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 4075, date: new Date('2013-09-06'), }, { id: 10442, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 1020, date: new Date('2013-09-04'), }, { id: 10443, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 4320, date: new Date('2013-09-25'), }, { id: 10444, region: 'Asia', country: 'China', city: 'Beijing', amount: 7530, date: new Date('2013-09-13'), }, { id: 10445, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 2820, date: new Date('2013-09-08'), }, { id: 10446, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 3050, date: new Date('2013-09-04'), }, { id: 10447, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 5080, date: new Date('2013-09-25'), }, { id: 10448, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1125, date: new Date('2013-09-13'), }, { id: 10449, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 850, date: new Date('2013-09-24'), }, { id: 10450, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1440, date: new Date('2013-09-19'), }, { id: 10451, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1950, date: new Date('2013-09-02'), }, { id: 10452, region: 'North America', country: 'United States of America', city: 'New York', amount: 6390, date: new Date('2013-10-11'), }, { id: 10453, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 4625, date: new Date('2013-10-02'), }, { id: 10454, region: 'North America', country: 'United States of America', city: 'Denver', amount: 3510, date: new Date('2013-10-24'), }, { id: 10455, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2730, date: new Date('2013-10-15'), }, { id: 10456, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2070, date: new Date('2013-10-15'), }, { id: 10457, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 2320, date: new Date('2013-10-18'), }, { id: 10458, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4260, date: new Date('2013-10-24'), }, { id: 10459, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 840, date: new Date('2013-10-18'), }, { id: 10460, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 7300, date: new Date('2013-10-24'), }, { id: 10461, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5950, date: new Date('2013-10-11'), }, { id: 10462, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 3220, date: new Date('2013-10-25'), }, { id: 10463, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 3480, date: new Date('2013-10-08'), }, { id: 10464, region: 'Asia', country: 'China', city: 'Beijing', amount: 4830, date: new Date('2013-10-26'), }, { id: 10465, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 4470, date: new Date('2013-10-05'), }, { id: 10466, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 3675, date: new Date('2013-10-23'), }, { id: 10467, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4260, date: new Date('2013-10-01'), }, { id: 10468, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4245, date: new Date('2013-10-26'), }, { id: 10469, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1470, date: new Date('2013-10-01'), }, { id: 10470, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1810, date: new Date('2013-10-02'), }, { id: 10471, region: 'North America', country: 'United States of America', city: 'New York', amount: 600, date: new Date('2013-10-23'), }, { id: 10472, region: 'North America', country: 'United States of America', city: 'New York', amount: 7500, date: new Date('2013-11-03'), }, { id: 10473, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 4625, date: new Date('2013-11-02'), }, { id: 10474, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2625, date: new Date('2013-11-09'), }, { id: 10475, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1440, date: new Date('2013-11-15'), }, { id: 10476, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2420, date: new Date('2013-11-15'), }, { id: 10477, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 4180, date: new Date('2013-11-15'), }, { id: 10478, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 3720, date: new Date('2013-11-25'), }, { id: 10479, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2730, date: new Date('2013-11-08'), }, { id: 10480, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 3775, date: new Date('2013-11-17'), }, { id: 10481, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 3525, date: new Date('2013-11-15'), }, { id: 10482, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 5320, date: new Date('2013-11-08'), }, { id: 10483, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5340, date: new Date('2013-11-13'), }, { id: 10484, region: 'Asia', country: 'China', city: 'Beijing', amount: 8850, date: new Date('2013-11-01'), }, { id: 10485, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 7050, date: new Date('2013-11-14'), }, { id: 10486, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 4200, date: new Date('2013-11-18'), }, { id: 10487, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4960, date: new Date('2013-11-04'), }, { id: 10488, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2280, date: new Date('2013-11-13'), }, { id: 10489, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 590, date: new Date('2013-11-11'), }, { id: 10490, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 810, date: new Date('2013-11-12'), }, { id: 10491, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 2625, date: new Date('2013-11-07'), }, { id: 10492, region: 'North America', country: 'United States of America', city: 'New York', amount: 8280, date: new Date('2013-12-01'), }, { id: 10493, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 5650, date: new Date('2013-12-19'), }, { id: 10494, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2760, date: new Date('2013-12-14'), }, { id: 10495, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2670, date: new Date('2013-12-03'), }, { id: 10496, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2520, date: new Date('2013-12-20'), }, { id: 10497, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 4080, date: new Date('2013-12-21'), }, { id: 10498, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4140, date: new Date('2013-12-22'), }, { id: 10499, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 390, date: new Date('2013-12-04'), }, { id: 10500, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 1400, date: new Date('2013-12-19'), }, { id: 10501, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 7275, date: new Date('2013-12-22'), }, { id: 10502, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 4100, date: new Date('2013-12-20'), }, { id: 10503, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5520, date: new Date('2013-12-25'), }, { id: 10504, region: 'Asia', country: 'China', city: 'Beijing', amount: 9210, date: new Date('2013-12-24'), }, { id: 10505, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 7290, date: new Date('2013-12-05'), }, { id: 10506, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 625, date: new Date('2013-12-22'), }, { id: 10507, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4460, date: new Date('2013-12-12'), }, { id: 10508, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3825, date: new Date('2013-12-13'), }, { id: 10509, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2850, date: new Date('2013-12-17'), }, { id: 10510, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 2780, date: new Date('2013-12-07'), }, { id: 10511, region: 'North America', country: 'United States of America', city: 'New York', amount: 840, date: new Date('2013-12-18'), }, { id: 10512, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2970, date: new Date('2013-12-23'), }, { id: 10513, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 945, date: new Date('2013-12-06'), }, { id: 10514, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2625, date: new Date('2013-12-04'), }, { id: 10515, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 390, date: new Date('2013-12-01'), }, { id: 10516, region: 'Asia', country: 'China', city: 'Beijing', amount: 2250, date: new Date('2013-12-02'), }, { id: 10517, region: 'North America', country: 'United States of America', city: 'New York', amount: 7710, date: new Date('2014-01-18'), }, { id: 10518, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 7975, date: new Date('2014-01-10'), }, { id: 10519, region: 'North America', country: 'United States of America', city: 'Denver', amount: 3285, date: new Date('2014-01-13'), }, { id: 10520, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2580, date: new Date('2014-01-22'), }, { id: 10521, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2160, date: new Date('2014-01-26'), }, { id: 10522, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 1100, date: new Date('2014-01-25'), }, { id: 10523, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4425, date: new Date('2014-01-21'), }, { id: 10524, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1360, date: new Date('2014-01-22'), }, { id: 10525, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 3250, date: new Date('2014-01-14'), }, { id: 10526, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5550, date: new Date('2014-01-21'), }, { id: 10527, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 2860, date: new Date('2014-01-25'), }, { id: 10528, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5320, date: new Date('2014-01-08'), }, { id: 10529, region: 'Asia', country: 'China', city: 'Beijing', amount: 4050, date: new Date('2014-01-14'), }, { id: 10530, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 3450, date: new Date('2014-01-24'), }, { id: 10531, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 5425, date: new Date('2014-01-11'), }, { id: 10532, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4860, date: new Date('2014-01-12'), }, { id: 10533, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4695, date: new Date('2014-01-16'), }, { id: 10534, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 610, date: new Date('2014-01-05'), }, { id: 10535, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1580, date: new Date('2014-01-15'), }, { id: 10536, region: 'North America', country: 'United States of America', city: 'New York', amount: 3780, date: new Date('2014-02-18'), }, { id: 10537, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 5400, date: new Date('2014-02-21'), }, { id: 10538, region: 'North America', country: 'United States of America', city: 'Denver', amount: 630, date: new Date('2014-02-18'), }, { id: 10539, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 3960, date: new Date('2014-02-04'), }, { id: 10540, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2010, date: new Date('2014-02-25'), }, { id: 10541, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 5000, date: new Date('2014-02-01'), }, { id: 10542, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1995, date: new Date('2014-02-20'), }, { id: 10543, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 860, date: new Date('2014-02-12'), }, { id: 10544, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 2150, date: new Date('2014-02-10'), }, { id: 10545, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 4050, date: new Date('2014-02-06'), }, { id: 10546, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 2960, date: new Date('2014-02-18'), }, { id: 10547, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1780, date: new Date('2014-02-26'), }, { id: 10548, region: 'Asia', country: 'China', city: 'Beijing', amount: 8700, date: new Date('2014-02-03'), }, { id: 10549, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 3390, date: new Date('2014-02-03'), }, { id: 10550, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 4425, date: new Date('2014-02-15'), }, { id: 10551, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 1180, date: new Date('2014-02-23'), }, { id: 10552, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 360, date: new Date('2014-02-08'), }, { id: 10553, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2310, date: new Date('2014-02-13'), }, { id: 10554, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1770, date: new Date('2014-02-20'), }, { id: 10555, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 3060, date: new Date('2014-02-26'), }, { id: 10556, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1750, date: new Date('2014-02-12'), }, { id: 10557, region: 'North America', country: 'United States of America', city: 'New York', amount: 2280, date: new Date('2014-03-09'), }, { id: 10558, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 7600, date: new Date('2014-03-25'), }, { id: 10559, region: 'North America', country: 'United States of America', city: 'Denver', amount: 1035, date: new Date('2014-03-23'), }, { id: 10560, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1245, date: new Date('2014-03-01'), }, { id: 10561, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2860, date: new Date('2014-03-19'), }, { id: 10562, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 440, date: new Date('2014-03-19'), }, { id: 10563, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4665, date: new Date('2014-03-02'), }, { id: 10564, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2270, date: new Date('2014-03-15'), }, { id: 10565, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 5000, date: new Date('2014-03-09'), }, { id: 10566, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5100, date: new Date('2014-03-23'), }, { id: 10567, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 2120, date: new Date('2014-03-11'), }, { id: 10568, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5140, date: new Date('2014-03-05'), }, { id: 10569, region: 'Asia', country: 'China', city: 'Beijing', amount: 6210, date: new Date('2014-03-19'), }, { id: 10570, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 9510, date: new Date('2014-03-19'), }, { id: 10571, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 7600, date: new Date('2014-03-21'), }, { id: 10572, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 5420, date: new Date('2014-03-15'), }, { id: 10573, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1980, date: new Date('2014-03-05'), }, { id: 10574, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1820, date: new Date('2014-03-07'), }, { id: 10575, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1670, date: new Date('2014-03-21'), }, { id: 10576, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 4800, date: new Date('2014-03-08'), }, { id: 10577, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2925, date: new Date('2014-03-03'), }, { id: 10578, region: 'North America', country: 'United States of America', city: 'New York', amount: 2940, date: new Date('2014-04-11'), }, { id: 10579, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 3525, date: new Date('2014-04-13'), }, { id: 10580, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2475, date: new Date('2014-04-22'), }, { id: 10581, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 3315, date: new Date('2014-04-08'), }, { id: 10582, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 3140, date: new Date('2014-04-07'), }, { id: 10583, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 2520, date: new Date('2014-04-01'), }, { id: 10584, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1200, date: new Date('2014-04-10'), }, { id: 10585, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2060, date: new Date('2014-04-21'), }, { id: 10586, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 7875, date: new Date('2014-04-02'), }, { id: 10587, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 1450, date: new Date('2014-04-07'), }, { id: 10588, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 2640, date: new Date('2014-04-22'), }, { id: 10589, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1960, date: new Date('2014-04-16'), }, { id: 10590, region: 'Asia', country: 'China', city: 'Beijing', amount: 2250, date: new Date('2014-04-23'), }, { id: 10591, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 4500, date: new Date('2014-04-05'), }, { id: 10592, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 5050, date: new Date('2014-04-11'), }, { id: 10593, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 2940, date: new Date('2014-04-02'), }, { id: 10594, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2880, date: new Date('2014-04-14'), }, { id: 10595, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1050, date: new Date('2014-04-19'), }, { id: 10596, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1850, date: new Date('2014-04-02'), }, { id: 10597, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 3160, date: new Date('2014-04-01'), }, { id: 10598, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 875, date: new Date('2014-04-04'), }, { id: 10599, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 3200, date: new Date('2014-04-08'), }, { id: 10600, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1380, date: new Date('2014-04-21'), }, { id: 10601, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 3060, date: new Date('2014-04-06'), }, { id: 10602, region: 'North America', country: 'United States of America', city: 'New York', amount: 6690, date: new Date('2014-05-19'), }, { id: 10603, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 4525, date: new Date('2014-05-15'), }, { id: 10604, region: 'North America', country: 'United States of America', city: 'Denver', amount: 4665, date: new Date('2014-05-10'), }, { id: 10605, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 4530, date: new Date('2014-05-18'), }, { id: 10606, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1330, date: new Date('2014-05-08'), }, { id: 10607, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 1720, date: new Date('2014-05-20'), }, { id: 10608, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 3750, date: new Date('2014-05-16'), }, { id: 10609, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1290, date: new Date('2014-05-10'), }, { id: 10610, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 4925, date: new Date('2014-05-14'), }, { id: 10611, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 4300, date: new Date('2014-05-22'), }, { id: 10612, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 5740, date: new Date('2014-05-08'), }, { id: 10613, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 3760, date: new Date('2014-05-18'), }, { id: 10614, region: 'Asia', country: 'China', city: 'Beijing', amount: 7920, date: new Date('2014-05-22'), }, { id: 10615, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 1440, date: new Date('2014-05-21'), }, { id: 10616, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 5975, date: new Date('2014-05-25'), }, { id: 10617, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4440, date: new Date('2014-05-05'), }, { id: 10618, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2310, date: new Date('2014-05-24'), }, { id: 10619, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2250, date: new Date('2014-05-06'), }, { id: 10620, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 2320, date: new Date('2014-05-14'), }, { id: 10621, region: 'Asia', country: 'China', city: 'Beijing', amount: 8370, date: new Date('2014-05-06'), }, { id: 10622, region: 'North America', country: 'United States of America', city: 'New York', amount: 5190, date: new Date('2014-06-26'), }, { id: 10623, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 925, date: new Date('2014-06-04'), }, { id: 10624, region: 'North America', country: 'United States of America', city: 'Denver', amount: 3240, date: new Date('2014-06-20'), }, { id: 10625, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 3180, date: new Date('2014-06-23'), }, { id: 10626, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 780, date: new Date('2014-06-13'), }, { id: 10627, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 4680, date: new Date('2014-06-08'), }, { id: 10628, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 2475, date: new Date('2014-06-25'), }, { id: 10629, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1920, date: new Date('2014-06-20'), }, { id: 10630, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 7500, date: new Date('2014-06-25'), }, { id: 10631, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5025, date: new Date('2014-06-26'), }, { id: 10632, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 2400, date: new Date('2014-06-08'), }, { id: 10633, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1720, date: new Date('2014-06-09'), }, { id: 10634, region: 'Asia', country: 'China', city: 'Beijing', amount: 2880, date: new Date('2014-06-21'), }, { id: 10635, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 5430, date: new Date('2014-06-03'), }, { id: 10636, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 4475, date: new Date('2014-06-19'), }, { id: 10637, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 1420, date: new Date('2014-06-20'), }, { id: 10638, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2670, date: new Date('2014-06-25'), }, { id: 10639, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1930, date: new Date('2014-06-02'), }, { id: 10640, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 580, date: new Date('2014-06-25'), }, { id: 10641, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1620, date: new Date('2014-06-12'), }, { id: 10642, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4530, date: new Date('2014-06-02'), }, { id: 10643, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 6025, date: new Date('2014-06-23'), }, { id: 10644, region: 'North America', country: 'United States of America', city: 'New York', amount: 3540, date: new Date('2014-07-21'), }, { id: 10645, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 3000, date: new Date('2014-07-01'), }, { id: 10646, region: 'North America', country: 'United States of America', city: 'Denver', amount: 3240, date: new Date('2014-07-26'), }, { id: 10647, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2265, date: new Date('2014-07-22'), }, { id: 10648, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 400, date: new Date('2014-07-09'), }, { id: 10649, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 1460, date: new Date('2014-07-08'), }, { id: 10650, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1620, date: new Date('2014-07-18'), }, { id: 10651, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2400, date: new Date('2014-07-25'), }, { id: 10652, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 5275, date: new Date('2014-07-04'), }, { id: 10653, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 4475, date: new Date('2014-07-03'), }, { id: 10654, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 3980, date: new Date('2014-07-21'), }, { id: 10655, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 5240, date: new Date('2014-07-11'), }, { id: 10656, region: 'Asia', country: 'China', city: 'Beijing', amount: 1200, date: new Date('2014-07-21'), }, { id: 10657, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 5700, date: new Date('2014-07-18'), }, { id: 10658, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 5575, date: new Date('2014-07-01'), }, { id: 10659, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 2160, date: new Date('2014-07-02'), }, { id: 10660, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 960, date: new Date('2014-07-09'), }, { id: 10661, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1280, date: new Date('2014-07-04'), }, { id: 10662, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1040, date: new Date('2014-07-02'), }, { id: 10663, region: 'Asia', country: 'China', city: 'Beijing', amount: 5520, date: new Date('2014-07-21'), }, { id: 10664, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1760, date: new Date('2014-07-25'), }, { id: 10665, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 4080, date: new Date('2014-07-07'), }, { id: 10666, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1000, date: new Date('2014-07-21'), }, { id: 10667, region: 'Asia', country: 'China', city: 'Beijing', amount: 3270, date: new Date('2014-07-12'), }, { id: 10668, region: 'North America', country: 'United States of America', city: 'New York', amount: 1770, date: new Date('2014-08-23'), }, { id: 10669, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 2700, date: new Date('2014-08-09'), }, { id: 10670, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2175, date: new Date('2014-08-03'), }, { id: 10671, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 3375, date: new Date('2014-08-11'), }, { id: 10672, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2040, date: new Date('2014-08-01'), }, { id: 10673, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 3000, date: new Date('2014-08-21'), }, { id: 10674, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 3900, date: new Date('2014-08-16'), }, { id: 10675, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1370, date: new Date('2014-08-20'), }, { id: 10676, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 5700, date: new Date('2014-08-01'), }, { id: 10677, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 1275, date: new Date('2014-08-22'), }, { id: 10678, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 4060, date: new Date('2014-08-13'), }, { id: 10679, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 2320, date: new Date('2014-08-18'), }, { id: 10680, region: 'Asia', country: 'China', city: 'Beijing', amount: 7590, date: new Date('2014-08-24'), }, { id: 10681, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 4560, date: new Date('2014-08-20'), }, { id: 10682, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 7575, date: new Date('2014-08-20'), }, { id: 10683, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 700, date: new Date('2014-08-25'), }, { id: 10684, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2400, date: new Date('2014-08-16'), }, { id: 10685, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1390, date: new Date('2014-08-15'), }, { id: 10686, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1320, date: new Date('2014-08-09'), }, { id: 10687, region: 'North America', country: 'United States of America', city: 'Denver', amount: 1680, date: new Date('2014-08-09'), }, { id: 10688, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1500, date: new Date('2014-08-11'), }, { id: 10689, region: 'North America', country: 'United States of America', city: 'New York', amount: 6150, date: new Date('2014-09-21'), }, { id: 10690, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 3675, date: new Date('2014-09-02'), }, { id: 10691, region: 'North America', country: 'United States of America', city: 'Denver', amount: 2250, date: new Date('2014-09-05'), }, { id: 10692, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 3585, date: new Date('2014-09-10'), }, { id: 10693, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1470, date: new Date('2014-09-01'), }, { id: 10694, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 2260, date: new Date('2014-09-02'), }, { id: 10695, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 3765, date: new Date('2014-09-03'), }, { id: 10696, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1640, date: new Date('2014-09-04'), }, { id: 10697, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 4475, date: new Date('2014-09-09'), }, { id: 10698, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5975, date: new Date('2014-09-04'), }, { id: 10699, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 1100, date: new Date('2014-09-16'), }, { id: 10700, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1320, date: new Date('2014-09-18'), }, { id: 10701, region: 'Asia', country: 'China', city: 'Beijing', amount: 8610, date: new Date('2014-09-19'), }, { id: 10702, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 9210, date: new Date('2014-09-09'), }, { id: 10703, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 3700, date: new Date('2014-09-01'), }, { id: 10704, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 3620, date: new Date('2014-09-19'), }, { id: 10705, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4275, date: new Date('2014-09-01'), }, { id: 10706, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2370, date: new Date('2014-09-03'), }, { id: 10707, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1870, date: new Date('2014-09-10'), }, { id: 10708, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2070, date: new Date('2014-09-25'), }, { id: 10709, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5025, date: new Date('2014-09-19'), }, { id: 10710, region: 'North America', country: 'United States of America', city: 'New York', amount: 1080, date: new Date('2014-10-15'), }, { id: 10711, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 1400, date: new Date('2014-10-22'), }, { id: 10712, region: 'North America', country: 'United States of America', city: 'Denver', amount: 4260, date: new Date('2014-10-01'), }, { id: 10713, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 2745, date: new Date('2014-10-01'), }, { id: 10714, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2920, date: new Date('2014-10-23'), }, { id: 10715, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 3520, date: new Date('2014-10-11'), }, { id: 10716, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4035, date: new Date('2014-10-20'), }, { id: 10717, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1730, date: new Date('2014-10-05'), }, { id: 10718, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 975, date: new Date('2014-10-06'), }, { id: 10719, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5700, date: new Date('2014-10-06'), }, { id: 10720, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 5080, date: new Date('2014-10-18'), }, { id: 10721, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 2940, date: new Date('2014-10-24'), }, { id: 10722, region: 'Asia', country: 'China', city: 'Beijing', amount: 2670, date: new Date('2014-10-04'), }, { id: 10723, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 1230, date: new Date('2014-10-11'), }, { id: 10724, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 600, date: new Date('2014-10-08'), }, { id: 10725, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 3700, date: new Date('2014-10-08'), }, { id: 10726, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3375, date: new Date('2014-10-11'), }, { id: 10727, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1500, date: new Date('2014-10-17'), }, { id: 10728, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 370, date: new Date('2014-10-05'), }, { id: 10729, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2340, date: new Date('2014-10-16'), }, { id: 10730, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 1080, date: new Date('2014-10-08'), }, { id: 10731, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 2775, date: new Date('2014-10-21'), }, { id: 10732, region: 'North America', country: 'United States of America', city: 'New York', amount: 4380, date: new Date('2014-11-09'), }, { id: 10733, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 5500, date: new Date('2014-11-21'), }, { id: 10734, region: 'North America', country: 'United States of America', city: 'Denver', amount: 1920, date: new Date('2014-11-24'), }, { id: 10735, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 765, date: new Date('2014-11-24'), }, { id: 10736, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 370, date: new Date('2014-11-18'), }, { id: 10737, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 3500, date: new Date('2014-11-25'), }, { id: 10738, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 825, date: new Date('2014-11-09'), }, { id: 10739, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 490, date: new Date('2014-11-23'), }, { id: 10740, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 7075, date: new Date('2014-11-20'), }, { id: 10741, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 1350, date: new Date('2014-11-25'), }, { id: 10742, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 1440, date: new Date('2014-11-15'), }, { id: 10743, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 2820, date: new Date('2014-11-13'), }, { id: 10744, region: 'Asia', country: 'China', city: 'Beijing', amount: 2280, date: new Date('2014-11-12'), }, { id: 10745, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 1110, date: new Date('2014-11-03'), }, { id: 10746, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 1150, date: new Date('2014-11-23'), }, { id: 10747, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 2040, date: new Date('2014-11-20'), }, { id: 10748, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3090, date: new Date('2014-11-24'), }, { id: 10749, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1940, date: new Date('2014-11-24'), }, { id: 10750, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 3090, date: new Date('2014-11-16'), }, { id: 10751, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 4900, date: new Date('2014-11-05'), }, { id: 10752, region: 'North America', country: 'United States of America', city: 'Denver', amount: 3465, date: new Date('2014-11-07'), }, { id: 10753, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1110, date: new Date('2014-11-20'), }, { id: 10754, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1650, date: new Date('2014-11-02'), }, { id: 10755, region: 'North America', country: 'United States of America', city: 'New York', amount: 5280, date: new Date('2014-12-04'), }, { id: 10756, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 3075, date: new Date('2014-12-02'), }, { id: 10757, region: 'North America', country: 'United States of America', city: 'Denver', amount: 690, date: new Date('2014-12-07'), }, { id: 10758, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1305, date: new Date('2014-12-15'), }, { id: 10759, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1970, date: new Date('2014-12-01'), }, { id: 10760, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 3760, date: new Date('2014-12-18'), }, { id: 10761, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1920, date: new Date('2014-12-22'), }, { id: 10762, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1360, date: new Date('2014-12-12'), }, { id: 10763, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 2525, date: new Date('2014-12-06'), }, { id: 10764, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 5575, date: new Date('2014-12-20'), }, { id: 10765, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 5560, date: new Date('2014-12-10'), }, { id: 10766, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 4880, date: new Date('2014-12-13'), }, { id: 10767, region: 'Asia', country: 'China', city: 'Beijing', amount: 8850, date: new Date('2014-12-03'), }, { id: 10768, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 2820, date: new Date('2014-12-10'), }, { id: 10769, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 4000, date: new Date('2014-12-12'), }, { id: 10770, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 5820, date: new Date('2014-12-02'), }, { id: 10771, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 1275, date: new Date('2014-12-12'), }, { id: 10772, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1310, date: new Date('2014-12-01'), }, { id: 10773, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 2180, date: new Date('2014-12-26'), }, { id: 10774, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4470, date: new Date('2014-12-17'), }, { id: 10775, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2990, date: new Date('2014-12-15'), }, { id: 10776, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 7650, date: new Date('2014-12-18'), }, { id: 10777, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 780, date: new Date('2014-12-02'), }, { id: 10778, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2970, date: new Date('2014-12-13'), }, { id: 10779, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1155, date: new Date('2014-12-05'), }, { id: 10780, region: 'North America', country: 'United States of America', city: 'New York', amount: 4470, date: new Date('2015-01-10'), }, { id: 10781, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 1125, date: new Date('2015-01-21'), }, { id: 10782, region: 'North America', country: 'United States of America', city: 'Denver', amount: 645, date: new Date('2015-01-17'), }, { id: 10783, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 675, date: new Date('2015-01-05'), }, { id: 10784, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2840, date: new Date('2015-01-05'), }, { id: 10785, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 2660, date: new Date('2015-01-04'), }, { id: 10786, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4560, date: new Date('2015-01-12'), }, { id: 10787, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2880, date: new Date('2015-01-20'), }, { id: 10788, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 500, date: new Date('2015-01-02'), }, { id: 10789, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 3925, date: new Date('2015-01-07'), }, { id: 10790, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 5660, date: new Date('2015-01-18'), }, { id: 10791, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1460, date: new Date('2015-01-22'), }, { id: 10792, region: 'Asia', country: 'China', city: 'Beijing', amount: 5040, date: new Date('2015-01-10'), }, { id: 10793, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 4830, date: new Date('2015-01-13'), }, { id: 10794, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 3075, date: new Date('2015-01-22'), }, { id: 10795, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 3120, date: new Date('2015-01-14'), }, { id: 10796, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3525, date: new Date('2015-01-23'), }, { id: 10797, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1930, date: new Date('2015-01-09'), }, { id: 10798, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 2890, date: new Date('2015-01-02'), }, { id: 10799, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 1545, date: new Date('2015-01-17'), }, { id: 10800, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3630, date: new Date('2015-01-20'), }, { id: 10801, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 4035, date: new Date('2015-01-14'), }, { id: 10802, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 345, date: new Date('2015-01-06'), }, { id: 10803, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 7000, date: new Date('2015-01-07'), }, { id: 10804, region: 'North America', country: 'United States of America', city: 'New York', amount: 3060, date: new Date('2015-02-13'), }, { id: 10805, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 6425, date: new Date('2015-02-04'), }, { id: 10806, region: 'North America', country: 'United States of America', city: 'Denver', amount: 615, date: new Date('2015-02-22'), }, { id: 10807, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1755, date: new Date('2015-02-07'), }, { id: 10808, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1540, date: new Date('2015-02-21'), }, { id: 10809, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 2820, date: new Date('2015-02-24'), }, { id: 10810, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4305, date: new Date('2015-02-10'), }, { id: 10811, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 1520, date: new Date('2015-02-26'), }, { id: 10812, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 4725, date: new Date('2015-02-18'), }, { id: 10813, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 6750, date: new Date('2015-02-16'), }, { id: 10814, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 5540, date: new Date('2015-02-07'), }, { id: 10815, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1880, date: new Date('2015-02-24'), }, { id: 10816, region: 'Asia', country: 'China', city: 'Beijing', amount: 6180, date: new Date('2015-02-26'), }, { id: 10817, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 9300, date: new Date('2015-02-03'), }, { id: 10818, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 3700, date: new Date('2015-02-26'), }, { id: 10819, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 740, date: new Date('2015-02-01'), }, { id: 10820, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4755, date: new Date('2015-02-23'), }, { id: 10821, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2570, date: new Date('2015-02-20'), }, { id: 10822, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 2860, date: new Date('2015-02-19'), }, { id: 10823, region: 'North America', country: 'United States of America', city: 'New York', amount: 5430, date: new Date('2015-03-21'), }, { id: 10824, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 4525, date: new Date('2015-03-21'), }, { id: 10825, region: 'North America', country: 'United States of America', city: 'Denver', amount: 1515, date: new Date('2015-03-10'), }, { id: 10826, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 630, date: new Date('2015-03-15'), }, { id: 10827, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1310, date: new Date('2015-03-01'), }, { id: 10828, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 3200, date: new Date('2015-03-17'), }, { id: 10829, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 3945, date: new Date('2015-03-20'), }, { id: 10830, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2990, date: new Date('2015-03-18'), }, { id: 10831, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 1125, date: new Date('2015-03-22'), }, { id: 10832, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 7950, date: new Date('2015-03-17'), }, { id: 10833, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 2960, date: new Date('2015-03-25'), }, { id: 10834, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 6300, date: new Date('2015-03-20'), }, { id: 10835, region: 'Asia', country: 'China', city: 'Beijing', amount: 8670, date: new Date('2015-03-07'), }, { id: 10836, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 3930, date: new Date('2015-03-23'), }, { id: 10837, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 6975, date: new Date('2015-03-02'), }, { id: 10838, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4220, date: new Date('2015-03-17'), }, { id: 10839, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 3090, date: new Date('2015-03-25'), }, { id: 10840, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2380, date: new Date('2015-03-01'), }, { id: 10841, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1510, date: new Date('2015-03-07'), }, { id: 10842, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 1020, date: new Date('2015-03-19'), }, { id: 10843, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 6700, date: new Date('2015-03-26'), }, { id: 10844, region: 'North America', country: 'United States of America', city: 'New York', amount: 4890, date: new Date('2015-04-02'), }, { id: 10845, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 7225, date: new Date('2015-04-13'), }, { id: 10846, region: 'North America', country: 'United States of America', city: 'Denver', amount: 795, date: new Date('2015-04-07'), }, { id: 10847, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1785, date: new Date('2015-04-03'), }, { id: 10848, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1850, date: new Date('2015-04-03'), }, { id: 10849, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 5120, date: new Date('2015-04-12'), }, { id: 10850, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 615, date: new Date('2015-04-07'), }, { id: 10851, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2860, date: new Date('2015-04-05'), }, { id: 10852, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 1525, date: new Date('2015-04-24'), }, { id: 10853, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 7425, date: new Date('2015-04-15'), }, { id: 10854, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 6080, date: new Date('2015-04-13'), }, { id: 10855, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 2940, date: new Date('2015-04-04'), }, { id: 10856, region: 'Asia', country: 'China', city: 'Beijing', amount: 5580, date: new Date('2015-04-16'), }, { id: 10857, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 9390, date: new Date('2015-04-19'), }, { id: 10858, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 3200, date: new Date('2015-04-26'), }, { id: 10859, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4380, date: new Date('2015-04-05'), }, { id: 10860, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 4725, date: new Date('2015-04-06'), }, { id: 10861, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 930, date: new Date('2015-04-25'), }, { id: 10862, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 1910, date: new Date('2015-04-05'), }, { id: 10863, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 2725, date: new Date('2015-04-16'), }, { id: 10864, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 4720, date: new Date('2015-04-02'), }, { id: 10865, region: 'Asia', country: 'China', city: 'Beijing', amount: 5190, date: new Date('2015-04-10'), }, { id: 10866, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 2800, date: new Date('2015-04-26'), }, { id: 10867, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 3780, date: new Date('2015-04-24'), }, { id: 10868, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 2340, date: new Date('2015-04-17'), }, { id: 10869, region: 'North America', country: 'United States of America', city: 'New York', amount: 4830, date: new Date('2015-05-12'), }, { id: 10870, region: 'North America', country: 'United States of America', city: 'Los Angeles', amount: 2075, date: new Date('2015-05-23'), }, { id: 10871, region: 'North America', country: 'United States of America', city: 'Denver', amount: 3420, date: new Date('2015-05-21'), }, { id: 10872, region: 'North America', country: 'Canada', city: 'Vancouver', amount: 1440, date: new Date('2015-05-10'), }, { id: 10873, region: 'North America', country: 'Canada', city: 'Edmonton', amount: 1680, date: new Date('2015-05-15'), }, { id: 10874, region: 'South America', country: 'Brazil', city: 'Rio de Janeiro', amount: 3440, date: new Date('2015-05-16'), }, { id: 10875, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 4695, date: new Date('2015-05-10'), }, { id: 10876, region: 'South America', country: 'Paraguay', city: 'Asuncion', amount: 2380, date: new Date('2015-05-06'), }, { id: 10877, region: 'Europe', country: 'United Kingdom', city: 'London', amount: 1875, date: new Date('2015-05-25'), }, { id: 10878, region: 'Europe', country: 'Germany', city: 'Berlin', amount: 7550, date: new Date('2015-05-14'), }, { id: 10879, region: 'Europe', country: 'Spain', city: 'Madrid', amount: 3340, date: new Date('2015-05-01'), }, { id: 10880, region: 'Europe', country: 'Russian Federation', city: 'Moscow', amount: 1400, date: new Date('2015-05-22'), }, { id: 10881, region: 'Asia', country: 'China', city: 'Beijing', amount: 6060, date: new Date('2015-05-22'), }, { id: 10882, region: 'Asia', country: 'Japan', city: 'Tokyo', amount: 8370, date: new Date('2015-05-13'), }, { id: 10883, region: 'Asia', country: 'Republic of Korea', city: 'Seoul', amount: 3550, date: new Date('2015-05-26'), }, { id: 10884, region: 'Australia', country: 'Australia', city: 'Sydney', amount: 2620, date: new Date('2015-05-17'), }, { id: 10885, region: 'Australia', country: 'Australia', city: 'Melbourne', amount: 2400, date: new Date('2015-05-21'), }, { id: 10886, region: 'Africa', country: 'South Africa', city: 'Pretoria', amount: 1740, date: new Date('2015-05-21'), }, { id: 10887, region: 'Africa', country: 'Egypt', city: 'Cairo', amount: 500, date: new Date('2015-05-26'), }, { id: 10888, region: 'South America', country: 'Argentina', city: 'Buenos Aires', amount: 780, date: new Date('2015-05-07'), }];
import { createApp } from 'vue'; import App from './App.vue'; createApp(App).mount('#app');
<!DOCTYPE html> <html lang="en"> <head> <title>DevExtreme Demo</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" /> <link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/24.1.4/css/dx.light.css" /> <script src="https://unpkg.com/typescript@4.9.5/lib/typescript.js"></script> <script type="module"> import * as vueCompilerSFC from "https://unpkg.com/@vue/compiler-sfc@3.4.16/dist/compiler-sfc.esm-browser.js"; window.vueCompilerSFC = vueCompilerSFC; </script> <script src="https://unpkg.com/core-js@2.6.12/client/shim.min.js"></script> <script src="https://unpkg.com/systemjs@0.21.3/dist/system.js"></script> <script type="text/javascript" src="config.js"></script> <script type="text/javascript"> System.import("./index.ts"); </script> </head> <body class="dx-viewport"> <div class="demo-container"> <div id="app"> </div> </div> </body> </html>
NOTE

Need to create printable documents simply? Try our .NET-based DevExpress Reports: they ship with an intuitive Visual Studio Report Designer, Web Report Designer for end-user ad-hoc reporting, and a rich set of report controls, including cross tabs and charts.

You can generate a variety of report types — from simple mail-merge, table, and vertical reports to master-detail (hierarchical) and cross-tab reports, print or export them to PDF, Excel, and other formats.

Develop using VS Code? Leverage the capabilities of a brand new VS Code Report Designer extension to create and edit reports/documents on any platform, be it Windows, macOS, or Linux.

Get Started with DevExpress Reports | Explore Demos