Skip to content

Commit 57b5973

Browse files
ashok1994ashok1994
committed
Sample code changed to new column2d data
1 parent 15f0832 commit 57b5973

File tree

4 files changed

+101
-145
lines changed

4 files changed

+101
-145
lines changed

‎src/app/fusioncharts/ex6/ex6.ts‎

Lines changed: 34 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -17,46 +17,49 @@ export class Ex6 {
1717
dataFormat = "json";
1818
sampleCode = fcDemos;
1919
dataSource: any = {
20-
chart: {
21-
caption: "Harry's SuperMart",
22-
subCaption: "Top 5 stores in last month by revenue",
23-
numberPrefix: "$",
24-
theme: "fusion",
25-
animation:"1",
26-
updateAnimDuration:"0.5"
20+
"chart": {
21+
"caption": "Countries With Most Oil Reserves [2017-18]",
22+
"subCaption": "In MMbbl = One Million barrels",
23+
"xAxisName": "Country",
24+
"yAxisName": "Reserves (MMbbl)",
25+
"numberSuffix": "K",
26+
"theme": "fusion",
27+
"updateAnimDuration":"0.4"
2728
},
28-
data:[{
29-
label: "Bakersfield Central",
30-
value: "880000"
31-
},
32-
{
33-
label: "Garden Groove harbour",
34-
value: "730000"
35-
},
36-
{
37-
label: "Los Angeles Topanga",
38-
value: "590000"
39-
},
40-
{
41-
label: "Compton-Rancho Dom",
42-
value: "520000"
43-
},
44-
{
45-
label: "Daly City Serramonte",
46-
value: "330000"
29+
"data": [{
30+
"label": "Venezuela",
31+
"value": "290"
32+
}, {
33+
"label": "Saudi",
34+
"value": "260"
35+
}, {
36+
"label": "Canada",
37+
"value": "180"
38+
}, {
39+
"label": "Iran",
40+
"value": "140"
41+
}, {
42+
"label": "Russia",
43+
"value": "115"
44+
}, {
45+
"label": "UAE",
46+
"value": "100"
47+
}, {
48+
"label": "US",
49+
"value": "30"
50+
}, {
51+
"label": "China",
52+
"value": "30"
4753
}]
48-
}
54+
};
4955

5056
getRandomNumber = function () {
51-
var max = 900000, min = 300000;
57+
var max = 290, min = 30;
5258
return Math.round(((max - min) * Math.random()) + min);
5359
}
5460
updateMyChartData() {
5561

56-
this.dataSource.data[2].label = "This Label is Updated";
5762
this.dataSource.data[2].value = this.getRandomNumber();
58-
59-
this.dataSource.data[3].label = "This is updated as well";
6063
this.dataSource.data[3].value = this.getRandomNumber();
6164
}
6265

‎src/app/fusioncharts/ex7/ex7.ts‎

Lines changed: 31 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -17,31 +17,38 @@ export class Ex7 {
1717
sampleCode = fcDemos;
1818

1919
dataSource = {
20-
chart: {
21-
caption: "Harry's SuperMart",
22-
subCaption: "Top 5 stores in last month by revenue",
23-
numberPrefix: "$",
24-
theme: "fusion"
20+
"chart": {
21+
"caption": "Countries With Most Oil Reserves [2017-18]",
22+
"subCaption": "In MMbbl = One Million barrels",
23+
"xAxisName": "Country",
24+
"yAxisName": "Reserves (MMbbl)",
25+
"numberSuffix": "K",
26+
"theme": "fusion",
2527
},
26-
data:[{
27-
label: "Bakersfield Central",
28-
value: "880000"
29-
},
30-
{
31-
label: "Garden Groove harbour",
32-
value: "730000"
33-
},
34-
{
35-
label: "Los Angeles Topanga",
36-
value: "590000"
37-
},
38-
{
39-
label: "Compton-Rancho Dom",
40-
value: "520000"
41-
},
42-
{
43-
label: "Daly City Serramonte",
44-
value: "330000"
28+
"data": [{
29+
"label": "Venezuela",
30+
"value": "290"
31+
}, {
32+
"label": "Saudi",
33+
"value": "260"
34+
}, {
35+
"label": "Canada",
36+
"value": "180"
37+
}, {
38+
"label": "Iran",
39+
"value": "140"
40+
}, {
41+
"label": "Russia",
42+
"value": "115"
43+
}, {
44+
"label": "UAE",
45+
"value": "100"
46+
}, {
47+
"label": "US",
48+
"value": "30"
49+
}, {
50+
"label": "China",
51+
"value": "30"
4552
}]
4653
};
4754

‎src/app/fusioncharts/ex9/ex9.ts‎

Lines changed: 33 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -17,102 +17,48 @@ export class Ex9 {
1717

1818
dataSource = {
1919
"chart": {
20-
"caption": "Monthly revenue for last year",
21-
"subCaption": "Harry's SuperMart",
22-
"xAxisName": "Month",
23-
"yAxisName": "Revenues (In USD)",
24-
"numberPrefix": "$",
25-
"bgColor": "#ffffff",
26-
"borderAlpha": "20",
27-
"canvasBorderAlpha": "0",
28-
"usePlotGradientColor": "0",
29-
"plotBorderAlpha": "10",
30-
"placevaluesInside": "1",
31-
"rotatevalues": "1",
32-
"valueFontColor": "#ffffff",
33-
"showXAxisLine": "1",
34-
"xAxisLineColor": "#999999",
35-
"divlineColor": "#999999",
36-
"divLineIsDashed": "1",
37-
"showAlternateHGridColor": "0",
38-
"subcaptionFontBold": "0",
39-
"subcaptionFontSize": "14",
40-
"theme":"fusion"
41-
},
42-
"data": [
43-
{
44-
"label": "Jan",
45-
"value": "420000"
46-
},
47-
{
48-
"label": "Feb",
49-
"value": "810000"
50-
},
51-
{
52-
"label": "Mar",
53-
"value": "720000"
54-
},
55-
{
56-
"label": "Apr",
57-
"value": "550000"
58-
},
59-
{
60-
"label": "May",
61-
"value": "910000"
62-
},
63-
{
64-
"label": "Jun",
65-
"value": "510000"
66-
},
67-
{
68-
"label": "Jul",
69-
"value": "680000"
70-
},
71-
{
72-
"label": "Aug",
73-
"value": "620000"
74-
},
75-
{
76-
"label": "Sep",
77-
"value": "610000"
78-
},
79-
{
80-
"label": "Oct",
81-
"value": "490000"
82-
},
83-
{
84-
"label": "Nov",
85-
"value": "900000"
86-
},
87-
{
88-
"label": "Dec",
89-
"value": "730000"
90-
}
91-
],
92-
"trendlines": [
93-
{
94-
"line": [
95-
{
96-
"startvalue": "700000",
97-
"color": "#1aaf5d",
98-
"valueOnRight": "1",
99-
"displayvalue": "Monthly Target"
100-
}
101-
]
102-
}
103-
]
104-
}
20+
"caption": "Countries With Most Oil Reserves [2017-18]",
21+
"subCaption": "In MMbbl = One Million barrels",
22+
"xAxisName": "Country",
23+
"yAxisName": "Reserves (MMbbl)",
24+
"numberSuffix": "K",
25+
"theme": "fusion",
26+
},
27+
"data": [{
28+
"label": "Venezuela",
29+
"value": "290"
30+
}, {
31+
"label": "Saudi",
32+
"value": "260"
33+
}, {
34+
"label": "Canada",
35+
"value": "180"
36+
}, {
37+
"label": "Iran",
38+
"value": "140"
39+
}, {
40+
"label": "Russia",
41+
"value": "115"
42+
}, {
43+
"label": "UAE",
44+
"value": "100"
45+
}, {
46+
"label": "US",
47+
"value": "30"
48+
}, {
49+
"label": "China",
50+
"value": "30"
51+
}]
52+
};
10553

10654
total: number;
10755

10856
getPercentValue() {
109-
11057
return (eve, arg) => {
11158
this.zone.run(() => {
11259
let value = (arg.value / this.total * 100).toFixed(2);
11360
this.logMessage = "Percentage is " + value + "% of the total";
11461
})
115-
11662
}
11763
}
11864

0 commit comments

Comments
 (0)