Skip to content

Charts: update data in demos (part 2) #32927

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
dmlvr merged 13 commits into from
Mar 17, 2026
Merged

Charts: update data in demos (part 2) #32927

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
0c43f2e
Selection, update data
dmlvr Mar 16, 2026
060c0e7
MultiplePointSelection
dmlvr Mar 16, 2026
0af05a1
ExportCustomMarkup
dmlvr Mar 16, 2026
4219326
Area
dmlvr Mar 16, 2026
7084bd6
SideBySideBar
dmlvr Mar 16, 2026
7d54e0a
FullStackedBar
dmlvr Mar 16, 2026
1bfa446
CustomBarWidth
dmlvr Mar 16, 2026
ecb1f6c
BarColorCustomization
dmlvr Mar 16, 2026
974a09f
BiDirectionalBarChart
dmlvr Mar 16, 2026
0ddb0fe
PieWithMultipleSeries
dmlvr Mar 16, 2026
5026fdd
CenterLabelCustomization
dmlvr Mar 16, 2026
672a190
update etalons
dmlvr Mar 16, 2026
0a56316
merge 26_1
dmlvr Mar 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/Area/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div id="chart-demo">
<dx-chart
title="Population: Age Structure (2018)"
title="Population: Age Structure (2024)"
palette="Harmony Light"
[dataSource]="populationData"
>
Expand Down
39 changes: 17 additions & 22 deletions apps/demos/Demos/Charts/Area/Angular/app/app.service.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,35 +11,30 @@ export class Population {
}

const populationData: Population[] = [{
country: 'China',
y014: 233866959,
y1564: 1170914102,
y65: 171774113,
}, {
country: 'India',
y014: 373419115,
y1564: 882520945,
y65: 76063757,
y014: 351600000,
y1564: 974800000,
y65: 101500000,
}, {
country: 'United States',
y014: 60554755,
y1564: 213172625,
y65: 54835293,
y014: 58600000,
y1564: 219300000,
y65: 60700000,
}, {
country: 'Indonesia',
y014: 65715705,
y1564: 177014815,
y65: 18053690,
country: 'United Kingdom',
y014: 11900000,
y1564: 44200000,
y65: 12000000,
}, {
country: 'Brazil',
y014: 45278034,
y1564: 144391494,
y65: 17190842,
y014: 43200000,
y1564: 151600000,
y65: 24100000,
}, {
country: 'Russia',
y014: 24465156,
y1564: 96123777,
y65: 20412243,
country: 'Canada',
y014: 6000000,
y1564: 26000000,
y65: 7900000,
}];

@Injectable()
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/Area/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ function App() {
<div id="chart-demo">
<Chart
palette="Harmony Light"
title="Population: Age Structure (2018)"
title="Population: Age Structure (2024)"
dataSource={dataSource}
>
<CommonSeriesSettings
Expand Down
39 changes: 17 additions & 22 deletions apps/demos/Demos/Charts/Area/React/data.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,28 @@
export const dataSource = [{
country: 'China',
y014: 233866959,
y1564: 1170914102,
y65: 171774113,
}, {
country: 'India',
y014: 373419115,
y1564: 882520945,
y65: 76063757,
y014: 351600000,
y1564: 974800000,
y65: 101500000,
}, {
country: 'United States',
y014: 60554755,
y1564: 213172625,
y65: 54835293,
y014: 58600000,
y1564: 219300000,
y65: 60700000,
}, {
country: 'Indonesia',
y014: 65715705,
y1564: 177014815,
y65: 18053690,
country: 'United Kingdom',
y014: 11900000,
y1564: 44200000,
y65: 12000000,
}, {
country: 'Brazil',
y014: 45278034,
y1564: 144391494,
y65: 17190842,
y014: 43200000,
y1564: 151600000,
y65: 24100000,
}, {
country: 'Russia',
y014: 24465156,
y1564: 96123777,
y65: 20412243,
country: 'Canada',
y014: 6000000,
y1564: 26000000,
y65: 7900000,
}];

export const seriesTypeLabel = { 'aria-label': 'Series Type' };
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/Area/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ function App() {
<div id="chart-demo">
<Chart
palette="Harmony Light"
title="Population: Age Structure (2018)"
title="Population: Age Structure (2024)"
dataSource={dataSource}
>
<CommonSeriesSettings
Expand Down
40 changes: 17 additions & 23 deletions apps/demos/Demos/Charts/Area/ReactJs/data.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,39 +1,33 @@
export const dataSource = [
{
country: 'China',
y014: 233866959,
y1564: 1170914102,
y65: 171774113,
},
{
country: 'India',
y014: 373419115,
y1564: 882520945,
y65: 76063757,
y014: 351600000,
y1564: 974800000,
y65: 101500000,
},
{
country: 'United States',
y014: 60554755,
y1564: 213172625,
y65: 54835293,
y014: 58600000,
y1564: 219300000,
y65: 60700000,
},
{
country: 'Indonesia',
y014: 65715705,
y1564: 177014815,
y65: 18053690,
country: 'United Kingdom',
y014: 11900000,
y1564: 44200000,
y65: 12000000,
},
{
country: 'Brazil',
y014: 45278034,
y1564: 144391494,
y65: 17190842,
y014: 43200000,
y1564: 151600000,
y65: 24100000,
},
{
country: 'Russia',
y014: 24465156,
y1564: 96123777,
y65: 20412243,
country: 'Canada',
y014: 6000000,
y1564: 26000000,
y65: 7900000,
},
];
export const seriesTypeLabel = { 'aria-label': 'Series Type' };
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/Area/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<DxChart
:data-source="dataSource"
palette="Harmony Light"
title="Population: Age Structure (2018)"
title="Population: Age Structure (2024)"
>
<DxCommonSeriesSettings
:type="type"
Expand Down
39 changes: 17 additions & 22 deletions apps/demos/Demos/Charts/Area/Vue/data.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,26 @@
export const dataSource = [{
country: 'China',
y014: 233866959,
y1564: 1170914102,
y65: 171774113,
}, {
country: 'India',
y014: 373419115,
y1564: 882520945,
y65: 76063757,
y014: 351600000,
y1564: 974800000,
y65: 101500000,
}, {
country: 'United States',
y014: 60554755,
y1564: 213172625,
y65: 54835293,
y014: 58600000,
y1564: 219300000,
y65: 60700000,
}, {
country: 'Indonesia',
y014: 65715705,
y1564: 177014815,
y65: 18053690,
country: 'United Kingdom',
y014: 11900000,
y1564: 44200000,
y65: 12000000,
}, {
country: 'Brazil',
y014: 45278034,
y1564: 144391494,
y65: 17190842,
y014: 43200000,
y1564: 151600000,
y65: 24100000,
}, {
country: 'Russia',
y014: 24465156,
y1564: 96123777,
y65: 20412243,
country: 'Canada',
y014: 6000000,
y1564: 26000000,
y65: 7900000,
}];
39 changes: 17 additions & 22 deletions apps/demos/Demos/Charts/Area/jQuery/data.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,28 @@
const dataSource = [{
country: 'China',
y014: 233866959,
y1564: 1170914102,
y65: 171774113,
}, {
country: 'India',
y014: 373419115,
y1564: 882520945,
y65: 76063757,
y014: 351600000,
y1564: 974800000,
y65: 101500000,
}, {
country: 'United States',
y014: 60554755,
y1564: 213172625,
y65: 54835293,
y014: 58600000,
y1564: 219300000,
y65: 60700000,
}, {
country: 'Indonesia',
y014: 65715705,
y1564: 177014815,
y65: 18053690,
country: 'United Kingdom',
y014: 11900000,
y1564: 44200000,
y65: 12000000,
}, {
country: 'Brazil',
y014: 45278034,
y1564: 144391494,
y65: 17190842,
y014: 43200000,
y1564: 151600000,
y65: 24100000,
}, {
country: 'Russia',
y014: 24465156,
y1564: 96123777,
y65: 20412243,
country: 'Canada',
y014: 6000000,
y1564: 26000000,
y65: 7900000,
}];

const types = ['area', 'stackedarea', 'fullstackedarea'];
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/Area/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ $(() => {
margin: {
bottom: 20,
},
title: 'Population: Age Structure (2018)',
title: 'Population: Age Structure (2024)',
argumentAxis: {
valueMarginsEnabled: false,
},
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/BarColorCustomization/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<dx-chart id="chart" [dataSource]="userData" palette="soft">
<dxo-chart-title
text="Age Breakdown of Facebook Users in the U.S."
subtitle="as of January 2017"
subtitle="as of January 2024"
>
</dxo-chart-title>
<dxo-chart-common-series-settings
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/BarColorCustomization/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ function App() {
<SeriesTemplate nameField="age" />
<Title
text="Age Breakdown of Facebook Users in the U.S."
subtitle="as of January 2017"
subtitle="as of January 2024"
/>
</Chart>
);
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/BarColorCustomization/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ function App() {
<SeriesTemplate nameField="age" />
<Title
text="Age Breakdown of Facebook Users in the U.S."
subtitle="as of January 2017"
subtitle="as of January 2024"
/>
</Chart>
);
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/BarColorCustomization/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<DxSeriesTemplate name-field="age"/>
<DxTitle
text="Age Breakdown of Facebook Users in the U.S."
subtitle="as of January 2017"
subtitle="as of January 2024"
/>
</DxChart>
</template>
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/BarColorCustomization/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ $(() => {
palette: 'soft',
title: {
text: 'Age Breakdown of Facebook Users in the U.S.',
subtitle: 'as of January 2017',
subtitle: 'as of January 2024',
},
commonSeriesSettings: {
type: 'bar',
Expand Down
2 changes: 1 addition & 1 deletion apps/demos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
[dataSource]="populationData"
[rotated]="true"
[barGroupWidth]="18"
title="Population Pyramid For Norway 2016"
title="Population Pyramid For Norway 2024"
>
<dxo-chart-common-series-settings argumentField="age" type="stackedbar">
</dxo-chart-common-series-settings>
Expand Down
Loading
Loading