Skip to content

Commit 5026fdd

Browse files
committed
CenterLabelCustomization
1 parent 0ddb0fe commit 5026fdd

10 files changed

Lines changed: 55 additions & 50 deletions

File tree

apps/demos/Demos/Charts/CenterLabelCustomization/Angular/app/app.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div>
2-
<div class="long-title"><h3>Energy Production (GWh, 2016)</h3></div>
2+
<div class="long-title"><h3>Energy Production (GWh, 2024)</h3></div>
33
<div class="pies-container">
44
@for(country of countries; track country) {
55
<dx-pie-chart

apps/demos/Demos/Charts/CenterLabelCustomization/Angular/app/app.service.ts

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,16 @@ export class DataItem {
1010
total: number;
1111
}
1212
const data: DataItem[] = [
13-
{ country: 'France', commodity: 'Nuclear', total: 413278 },
14-
{ country: 'Germany', commodity: 'Nuclear', total: 76536 },
15-
{ country: 'France', commodity: 'Thermal', total: 47594 },
16-
{ country: 'Germany', commodity: 'Thermal', total: 375809 },
17-
{ country: 'France', commodity: 'Wind', total: 21033 },
18-
{ country: 'Germany', commodity: 'Wind', total: 58228 },
19-
{ country: 'France', commodity: 'Solar', total: 7274 },
20-
{ country: 'Germany', commodity: 'Solar', total: 37520 },
21-
{ country: 'France', commodity: 'Tidal, Wave', total: 618 },
13+
{ country: 'France', commodity: 'Nuclear', total: 360000 },
14+
{ country: 'France', commodity: 'Thermal', total: 52000 },
15+
{ country: 'Germany', commodity: 'Thermal', total: 210000 },
16+
{ country: 'France', commodity: 'Wind', total: 50000 },
17+
{ country: 'Germany', commodity: 'Wind', total: 140000 },
18+
{ country: 'France', commodity: 'Solar', total: 23000 },
19+
{ country: 'Germany', commodity: 'Solar', total: 70000 },
20+
{ country: 'Germany', commodity: 'Hydro', total: 20000 },
21+
{ country: 'France', commodity: 'Hydro', total: 65000 },
22+
{ country: 'Germany', commodity: 'Biomass', total: 45000 },
2223
];
2324

2425
const cache = {};

apps/demos/Demos/Charts/CenterLabelCustomization/React/App.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ function App() {
4545

4646
return (
4747
<div>
48-
<div className="long-title"><h3>Energy Production (GWh, 2016)</h3></div>
48+
<div className="long-title"><h3>Energy Production (GWh, 2024)</h3></div>
4949
<div className="pies-container">
5050
{pies}
5151
</div>
Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
import type { CountryData } from './types.ts';
22

33
export const data: CountryData[] = [
4-
{ country: 'France', commodity: 'Nuclear', total: 413278 },
5-
{ country: 'Germany', commodity: 'Nuclear', total: 76536 },
6-
{ country: 'France', commodity: 'Thermal', total: 47594 },
7-
{ country: 'Germany', commodity: 'Thermal', total: 375809 },
8-
{ country: 'France', commodity: 'Wind', total: 21033 },
9-
{ country: 'Germany', commodity: 'Wind', total: 58228 },
10-
{ country: 'France', commodity: 'Solar', total: 7274 },
11-
{ country: 'Germany', commodity: 'Solar', total: 37520 },
12-
{ country: 'France', commodity: 'Tidal, Wave', total: 618 },
4+
{ country: 'France', commodity: 'Nuclear', total: 360000 },
5+
{ country: 'France', commodity: 'Thermal', total: 52000 },
6+
{ country: 'Germany', commodity: 'Thermal', total: 210000 },
7+
{ country: 'France', commodity: 'Wind', total: 50000 },
8+
{ country: 'Germany', commodity: 'Wind', total: 140000 },
9+
{ country: 'France', commodity: 'Solar', total: 23000 },
10+
{ country: 'Germany', commodity: 'Solar', total: 70000 },
11+
{ country: 'Germany', commodity: 'Hydro', total: 20000 },
12+
{ country: 'France', commodity: 'Hydro', total: 65000 },
13+
{ country: 'Germany', commodity: 'Biomass', total: 45000 },
1314
];

apps/demos/Demos/Charts/CenterLabelCustomization/ReactJs/App.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ function App() {
3838
return (
3939
<div>
4040
<div className="long-title">
41-
<h3>Energy Production (GWh, 2016)</h3>
41+
<h3>Energy Production (GWh, 2024)</h3>
4242
</div>
4343
<div className="pies-container">{pies}</div>
4444
</div>
Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
export const data = [
2-
{ country: 'France', commodity: 'Nuclear', total: 413278 },
3-
{ country: 'Germany', commodity: 'Nuclear', total: 76536 },
4-
{ country: 'France', commodity: 'Thermal', total: 47594 },
5-
{ country: 'Germany', commodity: 'Thermal', total: 375809 },
6-
{ country: 'France', commodity: 'Wind', total: 21033 },
7-
{ country: 'Germany', commodity: 'Wind', total: 58228 },
8-
{ country: 'France', commodity: 'Solar', total: 7274 },
9-
{ country: 'Germany', commodity: 'Solar', total: 37520 },
10-
{ country: 'France', commodity: 'Tidal, Wave', total: 618 },
2+
{ country: 'France', commodity: 'Nuclear', total: 360000 },
3+
{ country: 'France', commodity: 'Thermal', total: 52000 },
4+
{ country: 'Germany', commodity: 'Thermal', total: 210000 },
5+
{ country: 'France', commodity: 'Wind', total: 50000 },
6+
{ country: 'Germany', commodity: 'Wind', total: 140000 },
7+
{ country: 'France', commodity: 'Solar', total: 23000 },
8+
{ country: 'Germany', commodity: 'Solar', total: 70000 },
9+
{ country: 'Germany', commodity: 'Hydro', total: 20000 },
10+
{ country: 'France', commodity: 'Hydro', total: 65000 },
11+
{ country: 'Germany', commodity: 'Biomass', total: 45000 },
1112
];

apps/demos/Demos/Charts/CenterLabelCustomization/Vue/App.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div>
3-
<div class="long-title"><h3>Energy Production (GWh, 2016)</h3></div>
3+
<div class="long-title"><h3>Energy Production (GWh, 2024)</h3></div>
44
<div class="pies-container">
55
<DxPieChart
66
v-for="country in countries"
Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
export const data = [
2-
{ country: 'France', commodity: 'Nuclear', total: 413278 },
3-
{ country: 'Germany', commodity: 'Nuclear', total: 76536 },
4-
{ country: 'France', commodity: 'Thermal', total: 47594 },
5-
{ country: 'Germany', commodity: 'Thermal', total: 375809 },
6-
{ country: 'France', commodity: 'Wind', total: 21033 },
7-
{ country: 'Germany', commodity: 'Wind', total: 58228 },
8-
{ country: 'France', commodity: 'Solar', total: 7274 },
9-
{ country: 'Germany', commodity: 'Solar', total: 37520 },
10-
{ country: 'France', commodity: 'Tidal, Wave', total: 618 },
2+
{ country: 'France', commodity: 'Nuclear', total: 360000 },
3+
{ country: 'France', commodity: 'Thermal', total: 52000 },
4+
{ country: 'Germany', commodity: 'Thermal', total: 210000 },
5+
{ country: 'France', commodity: 'Wind', total: 50000 },
6+
{ country: 'Germany', commodity: 'Wind', total: 140000 },
7+
{ country: 'France', commodity: 'Solar', total: 23000 },
8+
{ country: 'Germany', commodity: 'Solar', total: 70000 },
9+
{ country: 'Germany', commodity: 'Hydro', total: 20000 },
10+
{ country: 'France', commodity: 'Hydro', total: 65000 },
11+
{ country: 'Germany', commodity: 'Biomass', total: 45000 },
1112
];
Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
const data = [
2-
{ country: 'France', commodity: 'Nuclear', total: 413278 },
3-
{ country: 'Germany', commodity: 'Nuclear', total: 76536 },
4-
{ country: 'France', commodity: 'Thermal', total: 47594 },
5-
{ country: 'Germany', commodity: 'Thermal', total: 375809 },
6-
{ country: 'France', commodity: 'Wind', total: 21033 },
7-
{ country: 'Germany', commodity: 'Wind', total: 58228 },
8-
{ country: 'France', commodity: 'Solar', total: 7274 },
9-
{ country: 'Germany', commodity: 'Solar', total: 37520 },
10-
{ country: 'France', commodity: 'Tidal, Wave', total: 618 },
2+
{ country: 'France', commodity: 'Nuclear', total: 360000 },
3+
{ country: 'France', commodity: 'Thermal', total: 52000 },
4+
{ country: 'Germany', commodity: 'Thermal', total: 210000 },
5+
{ country: 'France', commodity: 'Wind', total: 50000 },
6+
{ country: 'Germany', commodity: 'Wind', total: 140000 },
7+
{ country: 'France', commodity: 'Solar', total: 23000 },
8+
{ country: 'Germany', commodity: 'Solar', total: 70000 },
9+
{ country: 'Germany', commodity: 'Hydro', total: 20000 },
10+
{ country: 'France', commodity: 'Hydro', total: 65000 },
11+
{ country: 'Germany', commodity: 'Biomass', total: 45000 },
1112
];

apps/demos/Demos/Charts/CenterLabelCustomization/jQuery/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
</head>
1515
<body class="dx-viewport">
1616
<div class="demo-container">
17-
<div class="long-title"><h3>Energy Production (GWh, 2016)</h3></div>
17+
<div class="long-title"><h3>Energy Production (GWh, 2024)</h3></div>
1818
<div class="pies-container">
1919
<div id="countries"></div>
2020
<div id="waterLandRatio"></div>

0 commit comments

Comments
 (0)