mirror of
https://github.com/janickiy/yii2-nomer
synced 2025-03-09 15:39:59 +00:00
add files to project
This commit is contained in:
janickiy
commit
5cac498444
3729 changed files with 836998 additions and 0 deletions
3674
web/js/amcharts/plugins/dataloader/examples/data/MSFT.csv
Normal file
3674
web/js/amcharts/plugins/dataloader/examples/data/MSFT.csv
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -0,0 +1,56 @@
|
|||
Date,Type,Title,Description
|
||||
2014-06-05,A,Analyst opinion change,Upgrade by FBR Capital from Mkt Perform to Outperform
|
||||
2014-05-13,D,Dividend,Amount: 0.28
|
||||
2014-02-18,D,Dividend,Amount: 0.28
|
||||
2014-01-23,A,Analyst opinion change,Upgrade from Deutsche Bank from Hold to Buy
|
||||
2014-01-10,A,Analyst opinion change,Upgrade from Barclays from Equal weight to Overweight
|
||||
2013-11-19,D,Dividend,Amount: 0.28
|
||||
2013-08-13,D,Dividend,Amount: 0.28
|
||||
2013-08-13,A,Analyst opinion change,Downgrade from Stifel from Buy to Hold
|
||||
2013-05-14,D,Dividend,Amount: 0.23
|
||||
2013-04-30,A,Analyst opinion change,Downgrade from Standpoint Research from Buy to Hold
|
||||
2013-02-19,D,Dividend,Amount: 0.23
|
||||
2013-01-04,A,Analyst opinion change,Downgrade from Argus from Buy to Hold
|
||||
2012-12-14,A,Analyst opinion change,Initiated by BMO Capital Markets
|
||||
2012-12-12,A,Analyst opinion change,Upgrade from Standpoint Research from Hold to Buy
|
||||
2012-11-13,D,Dividend,Amount: 0.23
|
||||
2012-08-20,A,Analyst opinion change,Initiated by Longbow
|
||||
2012-08-14,D,Dividend,Amount: 0.20
|
||||
2012-07-20,A,Analyst opinion change,Initiated by Griffin Securities
|
||||
2012-05-15,D,Dividend,Amount: 0.20
|
||||
2012-04-20,A,Analyst opinion change,Initiated by MKM Partners
|
||||
2012-03-16,A,Analyst opinion change,Upgrade from Argus from Hold to Buy
|
||||
2012-02-14,D,Dividend,Amount: 0.20
|
||||
2011-12-06,A,Analyst opinion change,Initiated by Barclays Capital
|
||||
2011-11-15,D,Dividend,Amount: 0.20
|
||||
2011-09-09,A,Analyst opinion change,Downgrade from Standpoint Research from Buy to Hold
|
||||
2011-08-16,D,Dividend,Amount: 0.16
|
||||
2011-05-17,D,Dividend,Amount: 0.16
|
||||
2011-02-17,A,Analyst opinion change,Initiated by Collins Stewart
|
||||
2011-02-15,D,Dividend,Amount: 0.16
|
||||
2011-01-07,A,Analyst opinion change,Downgrade from Standpoint Research from Buy to Hold
|
||||
2010-11-16,D,Dividend,Amount: 0.16
|
||||
2010-10-25,A,Analyst opinion change,Downgrade by FBR Capital from Outperform to Mkt Perform
|
||||
2010-09-13,A,Analyst opinion change,Initiated by Standpoint Research
|
||||
2010-08-17,D,Dividend,Amount: 0.13
|
||||
2010-07-23,A,Analyst opinion change,Upgrade from Benchmark Company from Sell to Hold
|
||||
2010-05-27,A,Analyst opinion change,Upgrade by FBR Capital from Mkt Perform to Outperform
|
||||
2010-05-18,D,Dividend,Amount: 0.13
|
||||
2010-04-16,A,Analyst opinion change,Initiated by Janney Mntgmy Scott
|
||||
2010-04-08,A,Analyst opinion change,Initiated by Soleil
|
||||
2010-02-17,A,Analyst opinion change,Initiated Citigroup
|
||||
2010-02-16,D,Dividend,Amount: 0.13
|
||||
2009-11-17,D,Dividend,Amount: 0.13
|
||||
2009-11-13,A,Analyst opinion change,Initiated UBS
|
||||
2009-10-27,A,Analyst opinion change,Upgrade from Argus from Sell to Hold
|
||||
2009-09-14,A,Analyst opinion change,Upgrade from Auriga U.S.A from Hold to Buy
|
||||
2009-08-18,D,Dividend,Amount: 0.13
|
||||
2009-08-18,A,Analyst opinion change,Upgrade from AmTech Research from Neutral to Buy
|
||||
2009-07-24,A,Analyst opinion change,Downgrade by FBR Capital from Outperform to Mkt Perform
|
||||
2009-05-19,D,Dividend,Amount: 0.13
|
||||
2009-04-13,A,Analyst opinion change,Initiated AmTech Research
|
||||
2009-04-07,A,Analyst opinion change,Upgrade from RBC Capital Mkts from Sector Perform to Outperform
|
||||
2009-03-31,A,Analyst opinion change,Upgrade from Davenport from Neutral to Buy
|
||||
2009-03-27,A,Analyst opinion change,Initiated Auriga U.S.A
|
||||
2009-02-17,D,Dividend,Amount: 0.13
|
||||
2009-01-23,A,Analyst opinion change,Downgrade from Davenport from Buy to Neutral
|
||||
|
3674
web/js/amcharts/plugins/dataloader/examples/data/TXN.csv
Normal file
3674
web/js/amcharts/plugins/dataloader/examples/data/TXN.csv
Normal file
File diff suppressed because it is too large
Load diff
237
web/js/amcharts/plugins/dataloader/examples/data/gantt.json
Normal file
237
web/js/amcharts/plugins/dataloader/examples/data/gantt.json
Normal file
|
|
@ -0,0 +1,237 @@
|
|||
[ {
|
||||
"category": "John",
|
||||
"segments": [ {
|
||||
"start": 7,
|
||||
"duration": 2,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
}, {
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 2,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Smith",
|
||||
"segments": [ {
|
||||
"start": 10,
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 1,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
}, {
|
||||
"duration": 4,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Ben",
|
||||
"segments": [ {
|
||||
"start": 12,
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"start": 16,
|
||||
"duration": 2,
|
||||
"color": "#FFE4C4",
|
||||
"task": "Task #4"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Mike",
|
||||
"segments": [ {
|
||||
"start": 9,
|
||||
"duration": 6,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
}, {
|
||||
"duration": 4,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Lenny",
|
||||
"segments": [ {
|
||||
"start": 8,
|
||||
"duration": 1,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
}, {
|
||||
"duration": 4,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Scott",
|
||||
"segments": [ {
|
||||
"start": 15,
|
||||
"duration": 3,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Julia",
|
||||
"segments": [ {
|
||||
"start": 9,
|
||||
"duration": 2,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
}, {
|
||||
"duration": 1,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 8,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Bob",
|
||||
"segments": [ {
|
||||
"start": 9,
|
||||
"duration": 8,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 7,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Kendra",
|
||||
"segments": [ {
|
||||
"start": 11,
|
||||
"duration": 8,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"start": 16,
|
||||
"duration": 2,
|
||||
"color": "#FFE4C4",
|
||||
"task": "Task #4"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Tom",
|
||||
"segments": [ {
|
||||
"start": 9,
|
||||
"duration": 4,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
}, {
|
||||
"duration": 3,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 5,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Kyle",
|
||||
"segments": [ {
|
||||
"start": 6,
|
||||
"duration": 3,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Anita",
|
||||
"segments": [ {
|
||||
"start": 12,
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"start": 16,
|
||||
"duration": 2,
|
||||
"color": "#FFE4C4",
|
||||
"task": "Task #4"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Jack",
|
||||
"segments": [ {
|
||||
"start": 8,
|
||||
"duration": 10,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
}, {
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Kim",
|
||||
"segments": [ {
|
||||
"start": 12,
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 3,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Aaron",
|
||||
"segments": [ {
|
||||
"start": 18,
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 2,
|
||||
"color": "#FFE4C4",
|
||||
"task": "Task #4"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Alan",
|
||||
"segments": [ {
|
||||
"start": 17,
|
||||
"duration": 2,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
}, {
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 2,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Ruth",
|
||||
"segments": [ {
|
||||
"start": 13,
|
||||
"duration": 2,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"duration": 1,
|
||||
"color": "#CF794A",
|
||||
"task": "Task #3"
|
||||
}, {
|
||||
"duration": 4,
|
||||
"color": "#7B742C",
|
||||
"task": "Task #1"
|
||||
} ]
|
||||
}, {
|
||||
"category": "Simon",
|
||||
"segments": [ {
|
||||
"start": 10,
|
||||
"duration": 3,
|
||||
"color": "#7E585F",
|
||||
"task": "Task #2"
|
||||
}, {
|
||||
"start": 17,
|
||||
"duration": 4,
|
||||
"color": "#FFE4C4",
|
||||
"task": "Task #4"
|
||||
} ]
|
||||
} ]
|
||||
25
web/js/amcharts/plugins/dataloader/examples/data/gauge.json
Normal file
25
web/js/amcharts/plugins/dataloader/examples/data/gauge.json
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
[ {
|
||||
"innerRadius": 70,
|
||||
"nailRadius": 0,
|
||||
"radius": "80%",
|
||||
"startWidth": 10,
|
||||
"endWidth": 10,
|
||||
"value": 4
|
||||
}, {
|
||||
"innerRadius": 70,
|
||||
"nailRadius": 0,
|
||||
"radius": "100%",
|
||||
"startWidth": 6,
|
||||
"endWidth": 6,
|
||||
"value": 8
|
||||
}, {
|
||||
"axis": "axis2",
|
||||
"color": "#CC0000",
|
||||
"innerRadius": 50,
|
||||
"nailRadius": 0,
|
||||
"radius": "100%",
|
||||
"startWidth": 6,
|
||||
"endWidth": 6,
|
||||
"alpha": 1,
|
||||
"value": 11
|
||||
} ]
|
||||
155
web/js/amcharts/plugins/dataloader/examples/data/map.json
Normal file
155
web/js/amcharts/plugins/dataloader/examples/data/map.json
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
{
|
||||
"map": "usaLow",
|
||||
"areas": [{
|
||||
"id": "US-AL",
|
||||
"value": 4447100
|
||||
}, {
|
||||
"id": "US-AK",
|
||||
"value": 626932
|
||||
}, {
|
||||
"id": "US-AZ",
|
||||
"value": 5130632
|
||||
}, {
|
||||
"id": "US-AR",
|
||||
"value": 2673400
|
||||
}, {
|
||||
"id": "US-CA",
|
||||
"value": 33871648
|
||||
}, {
|
||||
"id": "US-CO",
|
||||
"value": 4301261
|
||||
}, {
|
||||
"id": "US-CT",
|
||||
"value": 3405565
|
||||
}, {
|
||||
"id": "US-DE",
|
||||
"value": 783600
|
||||
}, {
|
||||
"id": "US-FL",
|
||||
"value": 15982378
|
||||
}, {
|
||||
"id": "US-GA",
|
||||
"value": 8186453
|
||||
}, {
|
||||
"id": "US-HI",
|
||||
"value": 1211537
|
||||
}, {
|
||||
"id": "US-ID",
|
||||
"value": 1293953
|
||||
}, {
|
||||
"id": "US-IL",
|
||||
"value": 12419293
|
||||
}, {
|
||||
"id": "US-IN",
|
||||
"value": 6080485
|
||||
}, {
|
||||
"id": "US-IA",
|
||||
"value": 2926324
|
||||
}, {
|
||||
"id": "US-KS",
|
||||
"value": 2688418
|
||||
}, {
|
||||
"id": "US-KY",
|
||||
"value": 4041769
|
||||
}, {
|
||||
"id": "US-LA",
|
||||
"value": 4468976
|
||||
}, {
|
||||
"id": "US-ME",
|
||||
"value": 1274923
|
||||
}, {
|
||||
"id": "US-MD",
|
||||
"value": 5296486
|
||||
}, {
|
||||
"id": "US-MA",
|
||||
"value": 6349097
|
||||
}, {
|
||||
"id": "US-MI",
|
||||
"value": 9938444
|
||||
}, {
|
||||
"id": "US-MN",
|
||||
"value": 4919479
|
||||
}, {
|
||||
"id": "US-MS",
|
||||
"value": 2844658
|
||||
}, {
|
||||
"id": "US-MO",
|
||||
"value": 5595211
|
||||
}, {
|
||||
"id": "US-MT",
|
||||
"value": 902195
|
||||
}, {
|
||||
"id": "US-NE",
|
||||
"value": 1711263
|
||||
}, {
|
||||
"id": "US-NV",
|
||||
"value": 1998257
|
||||
}, {
|
||||
"id": "US-NH",
|
||||
"value": 1235786
|
||||
}, {
|
||||
"id": "US-NJ",
|
||||
"value": 8414350
|
||||
}, {
|
||||
"id": "US-NM",
|
||||
"value": 1819046
|
||||
}, {
|
||||
"id": "US-NY",
|
||||
"value": 18976457
|
||||
}, {
|
||||
"id": "US-NC",
|
||||
"value": 8049313
|
||||
}, {
|
||||
"id": "US-ND",
|
||||
"value": 642200
|
||||
}, {
|
||||
"id": "US-OH",
|
||||
"value": 11353140
|
||||
}, {
|
||||
"id": "US-OK",
|
||||
"value": 3450654
|
||||
}, {
|
||||
"id": "US-OR",
|
||||
"value": 3421399
|
||||
}, {
|
||||
"id": "US-PA",
|
||||
"value": 12281054
|
||||
}, {
|
||||
"id": "US-RI",
|
||||
"value": 1048319
|
||||
}, {
|
||||
"id": "US-SC",
|
||||
"value": 4012012
|
||||
}, {
|
||||
"id": "US-SD",
|
||||
"value": 754844
|
||||
}, {
|
||||
"id": "US-TN",
|
||||
"value": 5689283
|
||||
}, {
|
||||
"id": "US-TX",
|
||||
"value": 20851820,
|
||||
"description": "<p>Texas is the second most populous (after California) and the second largest of the 50 U.S. states (after Alaska) in the United States of America, and the largest state in the 48 contiguous United States. Geographically located in the south central part of the country, Texas shares an international border with the Mexican states of Chihuahua, Coahuila, Nuevo León, and Tamaulipas to the south and borders the U.S. states of New Mexico to the west, Oklahoma to the north, Arkansas to the northeast, and Louisiana to the east. Texas has an area of 268,820 square miles (696,200 km2) and a growing population of over 26.9 million residents (July 2014).</p>"
|
||||
}, {
|
||||
"id": "US-UT",
|
||||
"value": 2233169
|
||||
}, {
|
||||
"id": "US-VT",
|
||||
"value": 608827
|
||||
}, {
|
||||
"id": "US-VA",
|
||||
"value": 7078515
|
||||
}, {
|
||||
"id": "US-WA",
|
||||
"value": 5894121
|
||||
}, {
|
||||
"id": "US-WV",
|
||||
"value": 1808344
|
||||
}, {
|
||||
"id": "US-WI",
|
||||
"value": 5363675
|
||||
}, {
|
||||
"id": "US-WY",
|
||||
"value": 493782
|
||||
}]
|
||||
}
|
||||
152
web/js/amcharts/plugins/dataloader/examples/data/map_areas.json
Normal file
152
web/js/amcharts/plugins/dataloader/examples/data/map_areas.json
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
[ {
|
||||
"id": "US-AL",
|
||||
"value": 4447100
|
||||
}, {
|
||||
"id": "US-AK",
|
||||
"value": 626932
|
||||
}, {
|
||||
"id": "US-AZ",
|
||||
"value": 5130632
|
||||
}, {
|
||||
"id": "US-AR",
|
||||
"value": 2673400
|
||||
}, {
|
||||
"id": "US-CA",
|
||||
"value": 33871648
|
||||
}, {
|
||||
"id": "US-CO",
|
||||
"value": 4301261
|
||||
}, {
|
||||
"id": "US-CT",
|
||||
"value": 3405565
|
||||
}, {
|
||||
"id": "US-DE",
|
||||
"value": 783600
|
||||
}, {
|
||||
"id": "US-FL",
|
||||
"value": 15982378
|
||||
}, {
|
||||
"id": "US-GA",
|
||||
"value": 8186453
|
||||
}, {
|
||||
"id": "US-HI",
|
||||
"value": 1211537
|
||||
}, {
|
||||
"id": "US-ID",
|
||||
"value": 1293953
|
||||
}, {
|
||||
"id": "US-IL",
|
||||
"value": 12419293
|
||||
}, {
|
||||
"id": "US-IN",
|
||||
"value": 6080485
|
||||
}, {
|
||||
"id": "US-IA",
|
||||
"value": 2926324
|
||||
}, {
|
||||
"id": "US-KS",
|
||||
"value": 2688418
|
||||
}, {
|
||||
"id": "US-KY",
|
||||
"value": 4041769
|
||||
}, {
|
||||
"id": "US-LA",
|
||||
"value": 4468976
|
||||
}, {
|
||||
"id": "US-ME",
|
||||
"value": 1274923
|
||||
}, {
|
||||
"id": "US-MD",
|
||||
"value": 5296486
|
||||
}, {
|
||||
"id": "US-MA",
|
||||
"value": 6349097
|
||||
}, {
|
||||
"id": "US-MI",
|
||||
"value": 9938444
|
||||
}, {
|
||||
"id": "US-MN",
|
||||
"value": 4919479
|
||||
}, {
|
||||
"id": "US-MS",
|
||||
"value": 2844658
|
||||
}, {
|
||||
"id": "US-MO",
|
||||
"value": 5595211
|
||||
}, {
|
||||
"id": "US-MT",
|
||||
"value": 902195
|
||||
}, {
|
||||
"id": "US-NE",
|
||||
"value": 1711263
|
||||
}, {
|
||||
"id": "US-NV",
|
||||
"value": 1998257
|
||||
}, {
|
||||
"id": "US-NH",
|
||||
"value": 1235786
|
||||
}, {
|
||||
"id": "US-NJ",
|
||||
"value": 8414350
|
||||
}, {
|
||||
"id": "US-NM",
|
||||
"value": 1819046
|
||||
}, {
|
||||
"id": "US-NY",
|
||||
"value": 18976457
|
||||
}, {
|
||||
"id": "US-NC",
|
||||
"value": 8049313
|
||||
}, {
|
||||
"id": "US-ND",
|
||||
"value": 642200
|
||||
}, {
|
||||
"id": "US-OH",
|
||||
"value": 11353140
|
||||
}, {
|
||||
"id": "US-OK",
|
||||
"value": 3450654
|
||||
}, {
|
||||
"id": "US-OR",
|
||||
"value": 3421399
|
||||
}, {
|
||||
"id": "US-PA",
|
||||
"value": 12281054
|
||||
}, {
|
||||
"id": "US-RI",
|
||||
"value": 1048319
|
||||
}, {
|
||||
"id": "US-SC",
|
||||
"value": 4012012
|
||||
}, {
|
||||
"id": "US-SD",
|
||||
"value": 754844
|
||||
}, {
|
||||
"id": "US-TN",
|
||||
"value": 5689283
|
||||
}, {
|
||||
"id": "US-TX",
|
||||
"value": 20851820,
|
||||
"description": "<p>Texas is the second most populous (after California) and the second largest of the 50 U.S. states (after Alaska) in the United States of America, and the largest state in the 48 contiguous United States. Geographically located in the south central part of the country, Texas shares an international border with the Mexican states of Chihuahua, Coahuila, Nuevo León, and Tamaulipas to the south and borders the U.S. states of New Mexico to the west, Oklahoma to the north, Arkansas to the northeast, and Louisiana to the east. Texas has an area of 268,820 square miles (696,200 km2) and a growing population of over 26.9 million residents (July 2014).</p>"
|
||||
}, {
|
||||
"id": "US-UT",
|
||||
"value": 2233169
|
||||
}, {
|
||||
"id": "US-VT",
|
||||
"value": 608827
|
||||
}, {
|
||||
"id": "US-VA",
|
||||
"value": 7078515
|
||||
}, {
|
||||
"id": "US-WA",
|
||||
"value": 5894121
|
||||
}, {
|
||||
"id": "US-WV",
|
||||
"value": 1808344
|
||||
}, {
|
||||
"id": "US-WI",
|
||||
"value": 5363675
|
||||
}, {
|
||||
"id": "US-WY",
|
||||
"value": 493782
|
||||
} ]
|
||||
8
web/js/amcharts/plugins/dataloader/examples/data/pie.csv
Normal file
8
web/js/amcharts/plugins/dataloader/examples/data/pie.csv
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
country,litres
|
||||
"Czech Republic",156.9
|
||||
"Ireland",131.1
|
||||
"Germany",115.8
|
||||
"Australia",109.9
|
||||
"Austria",108.3
|
||||
"UK",65
|
||||
"Belgium",50
|
||||
|
22
web/js/amcharts/plugins/dataloader/examples/data/pie.json
Normal file
22
web/js/amcharts/plugins/dataloader/examples/data/pie.json
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
[{
|
||||
"country": "Czech Republic",
|
||||
"litres": 156.9
|
||||
}, {
|
||||
"country": "Ireland",
|
||||
"litres": 131.1
|
||||
}, {
|
||||
"country": "Germany",
|
||||
"litres": 115.8
|
||||
}, {
|
||||
"country": "Australia",
|
||||
"litres": 109.9
|
||||
}, {
|
||||
"country": "Austria",
|
||||
"litres": 108.3
|
||||
}, {
|
||||
"country": "UK",
|
||||
"litres": 65
|
||||
}, {
|
||||
"country": "Belgium",
|
||||
"litres": 50
|
||||
}]
|
||||
20
web/js/amcharts/plugins/dataloader/examples/data/serial.csv
Normal file
20
web/js/amcharts/plugins/dataloader/examples/data/serial.csv
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
year,cars,motorcycles,bicycles
|
||||
2000,1587,650,121
|
||||
1995,1567,683,146
|
||||
1996,1617,691,138
|
||||
1997,1630,642,127
|
||||
1998,1660,699,105
|
||||
1999,1683,721,109
|
||||
2000,1691,737,112
|
||||
2001,1298,680,101
|
||||
2002,1275,664,97
|
||||
2003,1246,648,93
|
||||
2004,1218,637,101
|
||||
2005,1213,633,87
|
||||
2006,1199,621,79
|
||||
2007,1110,210,81
|
||||
2008,1165,232,75
|
||||
2009,1145,219,88
|
||||
2010,1163,201,82
|
||||
2011,1180,285,87
|
||||
2012,1159,277,71
|
||||
|
96
web/js/amcharts/plugins/dataloader/examples/data/serial.json
Normal file
96
web/js/amcharts/plugins/dataloader/examples/data/serial.json
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
[{
|
||||
"year": 2000,
|
||||
"cars": 1587,
|
||||
"motorcycles": 650,
|
||||
"bicycles": 121
|
||||
}, {
|
||||
"year": 1995,
|
||||
"cars": 1567,
|
||||
"motorcycles": 683,
|
||||
"bicycles": 146
|
||||
}, {
|
||||
"year": 1996,
|
||||
"cars": 1617,
|
||||
"motorcycles": 691,
|
||||
"bicycles": 138
|
||||
}, {
|
||||
"year": 1997,
|
||||
"cars": 1630,
|
||||
"motorcycles": 642,
|
||||
"bicycles": 127
|
||||
}, {
|
||||
"year": 1998,
|
||||
"cars": 1660,
|
||||
"motorcycles": 699,
|
||||
"bicycles": 105
|
||||
}, {
|
||||
"year": 1999,
|
||||
"cars": 1683,
|
||||
"motorcycles": 721,
|
||||
"bicycles": 109
|
||||
}, {
|
||||
"year": 2000,
|
||||
"cars": 1691,
|
||||
"motorcycles": 737,
|
||||
"bicycles": 112
|
||||
}, {
|
||||
"year": 2001,
|
||||
"cars": 1298,
|
||||
"motorcycles": 680,
|
||||
"bicycles": 101
|
||||
}, {
|
||||
"year": 2002,
|
||||
"cars": 1275,
|
||||
"motorcycles": 664,
|
||||
"bicycles": 97
|
||||
}, {
|
||||
"year": 2003,
|
||||
"cars": 1246,
|
||||
"motorcycles": 648,
|
||||
"bicycles": 93
|
||||
}, {
|
||||
"year": 2004,
|
||||
"cars": 1218,
|
||||
"motorcycles": 637,
|
||||
"bicycles": 101
|
||||
}, {
|
||||
"year": 2005,
|
||||
"cars": 1213,
|
||||
"motorcycles": 633,
|
||||
"bicycles": 87
|
||||
}, {
|
||||
"year": 2006,
|
||||
"cars": 1199,
|
||||
"motorcycles": 621,
|
||||
"bicycles": 79
|
||||
}, {
|
||||
"year": 2007,
|
||||
"cars": 1110,
|
||||
"motorcycles": 210,
|
||||
"bicycles": 81
|
||||
}, {
|
||||
"year": 2008,
|
||||
"cars": 1165,
|
||||
"motorcycles": 232,
|
||||
"bicycles": 75
|
||||
}, {
|
||||
"year": 2009,
|
||||
"cars": 1145,
|
||||
"motorcycles": 219,
|
||||
"bicycles": 88
|
||||
}, {
|
||||
"year": 2010,
|
||||
"cars": 1163,
|
||||
"motorcycles": 201,
|
||||
"bicycles": 82
|
||||
}, {
|
||||
"year": 2011,
|
||||
"cars": 1180,
|
||||
"motorcycles": 285,
|
||||
"bicycles": 87
|
||||
}, {
|
||||
"year": 2012,
|
||||
"cars": 1159,
|
||||
"motorcycles": 277,
|
||||
"bicycles": 71
|
||||
}]
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
[{
|
||||
"year": 2005,
|
||||
"income": 23.5,
|
||||
"expenses": 18.1
|
||||
}, {
|
||||
"year": 2006,
|
||||
"income": 26.2,
|
||||
"expenses": 22.8
|
||||
}, {
|
||||
"year": 2007,
|
||||
"income": 30.1,
|
||||
"expenses": 23.9
|
||||
}, {
|
||||
"year": 2008,
|
||||
"income": 29.5,
|
||||
"expenses": 25.1
|
||||
}, {
|
||||
"year": 2009,
|
||||
"income": 24.6,
|
||||
"expenses": 25
|
||||
}]
|
||||
70
web/js/amcharts/plugins/dataloader/examples/gantt_json.html
Normal file
70
web/js/amcharts/plugins/dataloader/examples/gantt_json.html
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/gantt.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
AmCharts.useUTC = true;
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "gantt",
|
||||
"theme": "light",
|
||||
"dataLoader": {
|
||||
"url": "data/gantt.json"
|
||||
},
|
||||
"dataProvider": [],
|
||||
"period": "hh",
|
||||
"dataDateFormat": "YYYY-MM-DD",
|
||||
"balloonDateFormat": "JJ:NN",
|
||||
"columnWidth": 0.5,
|
||||
"valueAxis": {
|
||||
"type": "date",
|
||||
"minimum": 7,
|
||||
"maximum": 31
|
||||
},
|
||||
"brightnessStep": 10,
|
||||
"graph": {
|
||||
"fillAlphas": 1,
|
||||
"balloonText": "<b>[[task]]</b>: [[open]] [[value]]"
|
||||
},
|
||||
"rotate": true,
|
||||
"categoryField": "category",
|
||||
"segmentsField": "segments",
|
||||
"colorField": "color",
|
||||
"startDate": "2015-01-01",
|
||||
"startField": "start",
|
||||
"endField": "end",
|
||||
"durationField": "duration",
|
||||
"chartScrollbar": {},
|
||||
"chartCursor": {
|
||||
"valueBalloonsEnabled": false,
|
||||
"cursorAlpha": 0.1,
|
||||
"valueLineBalloonEnabled": true,
|
||||
"valueLineEnabled": true,
|
||||
"fullWidth": true
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
58
web/js/amcharts/plugins/dataloader/examples/gauge_json.html
Normal file
58
web/js/amcharts/plugins/dataloader/examples/gauge_json.html
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/gauge.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var chart = AmCharts.makeChart( "chartdiv", {
|
||||
"type": "gauge",
|
||||
"startDuration": 0.1,
|
||||
"dataLoader": {
|
||||
"url": "data/gauge.json"
|
||||
},
|
||||
"axes": [ {
|
||||
"id": "axis1",
|
||||
"axisAlpha": 0,
|
||||
"endAngle": 360,
|
||||
"endValue": 12,
|
||||
"minorTickInterval": 0.2,
|
||||
"showFirstLabel": false,
|
||||
"startAngle": 0,
|
||||
"topTextYOffset": 100,
|
||||
"valueInterval": 1
|
||||
}, {
|
||||
"id": "axis2",
|
||||
"axisAlpha": 0,
|
||||
"endAngle": 360,
|
||||
"endValue": 60,
|
||||
"radius": 60,
|
||||
"showFirstLabel": false,
|
||||
"startAngle": 0,
|
||||
"valueInterval": 5,
|
||||
"labelFrequency": 0,
|
||||
"tickLength": 10
|
||||
} ]
|
||||
} );
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
47
web/js/amcharts/plugins/dataloader/examples/map_json.html
Normal file
47
web/js/amcharts/plugins/dataloader/examples/map_json.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<link rel="stylesheet" href="http://www.amcharts.com/lib/3/ammap.css" type="text/css">
|
||||
<script src="http://www.amcharts.com/lib/3/ammap.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var map = AmCharts.makeChart( "chartdiv", {
|
||||
type: "map",
|
||||
"dataLoader": {
|
||||
"url": "data/map.json",
|
||||
"showErrors": false
|
||||
},
|
||||
"colorSteps": 10,
|
||||
"areasSettings": {
|
||||
"autoZoom": true
|
||||
},
|
||||
"smallMap": {},
|
||||
"valueLegend": {
|
||||
"right": 10,
|
||||
"minValue": "little",
|
||||
"maxValue": "a lot!"
|
||||
}
|
||||
} );
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<link rel="stylesheet" href="http://www.amcharts.com/lib/3/ammap.css" type="text/css">
|
||||
<script src="http://www.amcharts.com/lib/3/ammap.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
/**
|
||||
* We will use Data Loader's function to load data "externally"
|
||||
* then create a map when it's loaded
|
||||
*/
|
||||
AmCharts.loadFile( "data/map_areas.json", {}, function( areas ) {
|
||||
|
||||
// now that we loaded our areas, let's create the map
|
||||
var map = AmCharts.makeChart( "chartdiv", {
|
||||
"type": "map",
|
||||
"colorSteps": 10,
|
||||
"dataProvider": {
|
||||
"map": "usaLow",
|
||||
"areas": AmCharts.parseJSON( areas )
|
||||
},
|
||||
"areasSettings": {
|
||||
"autoZoom": true
|
||||
},
|
||||
"valueLegend": {
|
||||
"right": 10,
|
||||
"minValue": "little",
|
||||
"maxValue": "a lot!"
|
||||
}
|
||||
} );
|
||||
|
||||
} );
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
58
web/js/amcharts/plugins/dataloader/examples/pie_csv.html
Normal file
58
web/js/amcharts/plugins/dataloader/examples/pie_csv.html
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/pie.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
AmCharts.makeChart("chartdiv", {
|
||||
"type": "pie",
|
||||
"dataLoader": {
|
||||
"url": "data/pie.csv",
|
||||
"format": "csv",
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true
|
||||
},
|
||||
"titleField": "country",
|
||||
"valueField": "litres",
|
||||
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
|
||||
"innerRadius": "30%",
|
||||
"legend": {
|
||||
"align": "center",
|
||||
"markerType": "circle"
|
||||
},
|
||||
"responsive": {
|
||||
"enabled": true,
|
||||
"addDefaultRules": true,
|
||||
"rules": [
|
||||
{
|
||||
"minWidth": 500,
|
||||
"overrides": {
|
||||
"innerRadius": "50%",
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
web/js/amcharts/plugins/dataloader/examples/pie_json.html
Normal file
44
web/js/amcharts/plugins/dataloader/examples/pie_json.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/pie.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
AmCharts.makeChart("chartdiv", {
|
||||
"type": "pie",
|
||||
"dataLoader": {
|
||||
"url": "data/pie.json",
|
||||
"showCurtain": false
|
||||
},
|
||||
"titleField": "country",
|
||||
"valueField": "litres",
|
||||
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
|
||||
"innerRadius": "30%",
|
||||
"legend": {
|
||||
"align": "center",
|
||||
"markerType": "circle"
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/dark.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
background-color:#282828;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "serial",
|
||||
"theme": "dark",
|
||||
"dataLoader": {
|
||||
"url": "data/serial2.json",
|
||||
"showErrors": true,
|
||||
"complete": function ( chart ) {
|
||||
console.log( "Loading complete" );
|
||||
},
|
||||
"load": function ( options, chart ) {
|
||||
console.log( "File loaded: ", options.url );
|
||||
},
|
||||
"error": function ( options, chart ) {
|
||||
console.log( "Error occured loading file: ", options.url );
|
||||
}
|
||||
},
|
||||
"categoryField": "year",
|
||||
"startDuration": 1,
|
||||
"rotate": true,
|
||||
"categoryAxis": {
|
||||
"gridPosition": "start"
|
||||
},
|
||||
"valueAxes": [{
|
||||
"position": "top",
|
||||
"title": "Million USD",
|
||||
"minorGridEnabled": true
|
||||
}],
|
||||
"graphs": [{
|
||||
"type": "column",
|
||||
"title": "Income",
|
||||
"valueField": "income",
|
||||
"fillAlphas":1,
|
||||
"balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
|
||||
}, {
|
||||
"type": "line",
|
||||
"title": "Expenses",
|
||||
"valueField": "expenses",
|
||||
"lineThickness": 2,
|
||||
"bullet": "round",
|
||||
"balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
|
||||
}],
|
||||
"legend": {
|
||||
"useGraphSettings": true
|
||||
},
|
||||
"creditsPosition": "top-right",
|
||||
"responsive": {
|
||||
"enabled": true
|
||||
}
|
||||
});
|
||||
|
||||
function reloadData() {
|
||||
chart.dataLoader.loadData();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
<input type="button" value="Trigger data reload" onclick="reloadData();" />
|
||||
</body>
|
||||
|
||||
</html>
|
||||
112
web/js/amcharts/plugins/dataloader/examples/serial_csv.html
Normal file
112
web/js/amcharts/plugins/dataloader/examples/serial_csv.html
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "serial",
|
||||
"dataLoader": {
|
||||
"url": "data/serial.csv",
|
||||
"format": "csv",
|
||||
"showCurtain": true,
|
||||
"showErrors": true,
|
||||
"async": true,
|
||||
"reload": 10,
|
||||
"timestamp": true,
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true
|
||||
},
|
||||
"rotate": false,
|
||||
"marginTop": 10,
|
||||
"categoryField": "year",
|
||||
"categoryAxis": {
|
||||
"gridAlpha": 0.07,
|
||||
"axisColor": "#DADADA",
|
||||
"startOnAxis": false,
|
||||
"title": "Year",
|
||||
"guides": [{
|
||||
"category": "2001",
|
||||
"lineColor": "#CC0000",
|
||||
"lineAlpha": 1,
|
||||
"dashLength": 2,
|
||||
"inside": true,
|
||||
"labelRotation": 90,
|
||||
"label": "fines for speeding increased"
|
||||
}, {
|
||||
"category": "2007",
|
||||
"lineColor": "#CC0000",
|
||||
"lineAlpha": 1,
|
||||
"dashLength": 2,
|
||||
"inside": true,
|
||||
"labelRotation": 90,
|
||||
"label": "motorcycle fee introduced"
|
||||
}]
|
||||
},
|
||||
"valueAxes": [{
|
||||
"stackType": "regular",
|
||||
"gridAlpha": 0.07,
|
||||
"title": "Traffic incidents"
|
||||
}],
|
||||
"graphs": [{
|
||||
"id": "g1",
|
||||
"type": "column",
|
||||
"title": "Cars",
|
||||
"valueField": "cars",
|
||||
"bullet": "round",
|
||||
"lineAlpha": 0,
|
||||
"fillAlphas": 0.6
|
||||
}, {
|
||||
"id": "g2",
|
||||
"type": "column",
|
||||
"title": "Motorcycles",
|
||||
"valueField": "motorcycles",
|
||||
"lineAlpha": 0,
|
||||
"fillAlphas": 0.6
|
||||
}, {
|
||||
"id": "g3",
|
||||
"type": "column",
|
||||
"title": "Bicycles",
|
||||
"valueField": "bicycles",
|
||||
"lineAlpha": 0,
|
||||
"fillAlphas": 0.6
|
||||
}],
|
||||
"legend": {
|
||||
"position": "bottom",
|
||||
"valueText": "[[value]]",
|
||||
"valueWidth": 100,
|
||||
"valueAlign": "left",
|
||||
"equalWidths": false,
|
||||
"periodValueText": "total: [[value.sum]]"
|
||||
},
|
||||
"chartCursor": {
|
||||
"cursorAlpha": 0
|
||||
},
|
||||
"chartScrollbar": {
|
||||
"color": "FFFFFF"
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
108
web/js/amcharts/plugins/dataloader/examples/serial_json.html
Normal file
108
web/js/amcharts/plugins/dataloader/examples/serial_json.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "serial",
|
||||
"dataLoader": {
|
||||
"url": "data/serial.json",
|
||||
"format": "json",
|
||||
"showErrors": true,
|
||||
"noStyles": true,
|
||||
"async": true
|
||||
},
|
||||
"rotate": false,
|
||||
"marginTop": 10,
|
||||
"categoryField": "year",
|
||||
"categoryAxis": {
|
||||
"gridAlpha": 0.07,
|
||||
"axisColor": "#DADADA",
|
||||
"startOnAxis": false,
|
||||
"title": "Year",
|
||||
"guides": [{
|
||||
"category": "2001",
|
||||
"lineColor": "#CC0000",
|
||||
"lineAlpha": 1,
|
||||
"dashLength": 2,
|
||||
"inside": true,
|
||||
"labelRotation": 90,
|
||||
"label": "fines for speeding increased"
|
||||
}, {
|
||||
"category": "2007",
|
||||
"lineColor": "#CC0000",
|
||||
"lineAlpha": 1,
|
||||
"dashLength": 2,
|
||||
"inside": true,
|
||||
"labelRotation": 90,
|
||||
"label": "motorcycle fee introduced"
|
||||
}]
|
||||
},
|
||||
"valueAxes": [{
|
||||
"stackType": "regular",
|
||||
"gridAlpha": 0.07,
|
||||
"title": "Traffic incidents"
|
||||
}],
|
||||
"graphs": [{
|
||||
"id": "g1",
|
||||
"type": "column",
|
||||
"title": "Cars",
|
||||
"valueField": "cars",
|
||||
"bullet": "round",
|
||||
"lineAlpha": 0,
|
||||
"fillAlphas": 0.6
|
||||
}, {
|
||||
"id": "g2",
|
||||
"type": "column",
|
||||
"title": "Motorcycles",
|
||||
"valueField": "motorcycles",
|
||||
"lineAlpha": 0,
|
||||
"fillAlphas": 0.6
|
||||
}, {
|
||||
"id": "g3",
|
||||
"type": "column",
|
||||
"title": "Bicycles",
|
||||
"valueField": "bicycles",
|
||||
"lineAlpha": 0,
|
||||
"fillAlphas": 0.6
|
||||
}],
|
||||
"legend": {
|
||||
"position": "bottom",
|
||||
"valueText": "[[value]]",
|
||||
"valueWidth": 100,
|
||||
"valueAlign": "left",
|
||||
"equalWidths": false,
|
||||
"periodValueText": "total: [[value.sum]]"
|
||||
},
|
||||
"chartCursor": {
|
||||
"cursorAlpha": 0
|
||||
},
|
||||
"chartScrollbar": {
|
||||
"color": "FFFFFF"
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,100 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "serial",
|
||||
"dataLoader": {
|
||||
"url": "data/serial.json",
|
||||
"format": "json",
|
||||
"showErrors": true,
|
||||
"noStyles": true,
|
||||
"async": true,
|
||||
"load": function( options, chart ) {
|
||||
// Here the data is already loaded and set to the chart.
|
||||
// We can iterate through it and add proper graphs
|
||||
for ( var key in chart.dataProvider[ 0 ] ) {
|
||||
if ( chart.dataProvider[ 0 ].hasOwnProperty( key ) && key != chart.categoryField ) {
|
||||
var graph = new AmCharts.AmGraph();
|
||||
graph.valueField = key;
|
||||
graph.type = "line";
|
||||
graph.title = key,
|
||||
graph.lineThickness = 2;
|
||||
chart.addGraph( graph );
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"rotate": false,
|
||||
"marginTop": 10,
|
||||
"categoryField": "year",
|
||||
"categoryAxis": {
|
||||
"gridAlpha": 0.07,
|
||||
"axisColor": "#DADADA",
|
||||
"startOnAxis": false,
|
||||
"title": "Year",
|
||||
"guides": [{
|
||||
"category": "2001",
|
||||
"lineColor": "#CC0000",
|
||||
"lineAlpha": 1,
|
||||
"dashLength": 2,
|
||||
"inside": true,
|
||||
"labelRotation": 90,
|
||||
"label": "fines for speeding increased"
|
||||
}, {
|
||||
"category": "2007",
|
||||
"lineColor": "#CC0000",
|
||||
"lineAlpha": 1,
|
||||
"dashLength": 2,
|
||||
"inside": true,
|
||||
"labelRotation": 90,
|
||||
"label": "motorcycle fee introduced"
|
||||
}]
|
||||
},
|
||||
"valueAxes": [{
|
||||
"stackType": "regular",
|
||||
"gridAlpha": 0.07,
|
||||
"title": "Traffic incidents"
|
||||
}],
|
||||
"graphs": [],
|
||||
"legend": {
|
||||
"position": "bottom",
|
||||
"valueText": "[[value]]",
|
||||
"valueWidth": 100,
|
||||
"valueAlign": "left",
|
||||
"equalWidths": false,
|
||||
"periodValueText": "total: [[value.sum]]"
|
||||
},
|
||||
"chartCursor": {
|
||||
"cursorAlpha": 0
|
||||
},
|
||||
"chartScrollbar": {
|
||||
"color": "FFFFFF"
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,312 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/amstock.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
background: #000;
|
||||
}
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
position: relative;
|
||||
}
|
||||
#chartdiv .amChartsPeriodSelector {
|
||||
padding-left: 35px;
|
||||
}
|
||||
.amChartsButtonSelected {
|
||||
font-weight: bold;
|
||||
}
|
||||
.amChartsButton {
|
||||
color: #fff;
|
||||
background: transparent;
|
||||
opacity: 0.7;
|
||||
border: 1px solid rgba(255,255,2555,.3);
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
margin: 1px;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.amChartsInputField {
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "stock",
|
||||
"color": "#fff",
|
||||
"dataSets": [{
|
||||
"title": "MSFT",
|
||||
"fieldMappings": [{
|
||||
"fromField": "Open",
|
||||
"toField": "open"
|
||||
}, {
|
||||
"fromField": "High",
|
||||
"toField": "high"
|
||||
}, {
|
||||
"fromField": "Low",
|
||||
"toField": "low"
|
||||
}, {
|
||||
"fromField": "Close",
|
||||
"toField": "close"
|
||||
}, {
|
||||
"fromField": "Volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"compared": false,
|
||||
"categoryField": "Date",
|
||||
|
||||
/**
|
||||
* data loader for data set data
|
||||
*/
|
||||
"dataLoader": {
|
||||
"url": "data/MSFT.csv",
|
||||
"format": "csv",
|
||||
"showCurtain": true,
|
||||
"showErrors": true,
|
||||
"async": true,
|
||||
"reverse": true,
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true
|
||||
},
|
||||
|
||||
/**
|
||||
* data loader for events data
|
||||
*/
|
||||
"eventDataLoader": {
|
||||
"url": "data/MSFT_events.csv",
|
||||
"format": "csv",
|
||||
"showCurtain": true,
|
||||
"showErrors": true,
|
||||
"async": true,
|
||||
"reverse": true,
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true,
|
||||
"postProcess": function ( data ) {
|
||||
for ( var x in data ) {
|
||||
switch( data[x].Type ) {
|
||||
case 'A':
|
||||
var color = "#85CDE6";
|
||||
break;
|
||||
default:
|
||||
var color = "#cccccc";
|
||||
break;
|
||||
}
|
||||
data[x].Description = data[x].Description.replace( "Upgrade", "<strong style=\"color: #0c0\">Upgrade</strong>" ).replace( "Downgrade", "<strong style=\"color: #c00\">Downgrade</strong>" );
|
||||
data[x] = {
|
||||
type: "pin",
|
||||
graph: "g1",
|
||||
backgroundColor: color,
|
||||
date: data[x].Date,
|
||||
text: data[x].Type,
|
||||
description: "<strong>" + data[x].Title + "</strong><br />" + data[x].Description
|
||||
};
|
||||
}
|
||||
return data;
|
||||
}
|
||||
}
|
||||
|
||||
}, {
|
||||
"title": "TXN",
|
||||
"fieldMappings": [{
|
||||
"fromField": "Open",
|
||||
"toField": "open"
|
||||
}, {
|
||||
"fromField": "High",
|
||||
"toField": "high"
|
||||
}, {
|
||||
"fromField": "Low",
|
||||
"toField": "low"
|
||||
}, {
|
||||
"fromField": "Close",
|
||||
"toField": "close"
|
||||
}, {
|
||||
"fromField": "Volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"compared": true,
|
||||
"categoryField": "Date",
|
||||
"dataLoader": {
|
||||
"url": "data/TXN.csv",
|
||||
"format": "csv",
|
||||
"showCurtain": true,
|
||||
"showErrors": true,
|
||||
"async": true,
|
||||
"reverse": true,
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true
|
||||
}
|
||||
}],
|
||||
"dataDateFormat": "YYYY-MM-DD",
|
||||
|
||||
"panels": [{
|
||||
"title": "Value",
|
||||
"percentHeight": 70,
|
||||
|
||||
"stockGraphs": [{
|
||||
"type": "candlestick",
|
||||
"id": "g1",
|
||||
"openField": "open",
|
||||
"closeField": "close",
|
||||
"highField": "high",
|
||||
"lowField": "low",
|
||||
"valueField": "close",
|
||||
"lineColor": "#fff",
|
||||
"fillColors": "#fff",
|
||||
"negativeLineColor": "#db4c3c",
|
||||
"negativeFillColors": "#db4c3c",
|
||||
"fillAlphas": 1,
|
||||
"comparedGraphLineThickness": 2,
|
||||
"columnWidth": 0.7,
|
||||
"useDataSetColors": false,
|
||||
"comparable": true,
|
||||
"compareField": "close",
|
||||
"showBalloon": false,
|
||||
"proCandlesticks": true
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"valueTextRegular": undefined,
|
||||
"periodValueTextComparing": "[[percents.value.close]]%"
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
{
|
||||
"title": "Volume",
|
||||
"percentHeight": 30,
|
||||
"marginTop": 1,
|
||||
"columnWidth": 0.6,
|
||||
"showCategoryAxis": false,
|
||||
|
||||
"stockGraphs": [{
|
||||
"valueField": "volume",
|
||||
"openField": "open",
|
||||
"type": "column",
|
||||
"showBalloon": false,
|
||||
"fillAlphas": 1,
|
||||
"lineColor": "#fff",
|
||||
"fillColors": "#fff",
|
||||
"negativeLineColor": "#db4c3c",
|
||||
"negativeFillColors": "#db4c3c",
|
||||
"useDataSetColors": false
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"markerType": "none",
|
||||
"markerSize": 0,
|
||||
"labelText": "",
|
||||
"periodValueTextRegular": "[[value.close]]"
|
||||
},
|
||||
|
||||
"valueAxes": [{
|
||||
"usePrefixes": true
|
||||
}]
|
||||
}
|
||||
],
|
||||
|
||||
"panelsSettings": {
|
||||
"color": "#fff",
|
||||
"plotAreaFillColors": "#333",
|
||||
"plotAreaFillAlphas": 1,
|
||||
"marginLeft": 60,
|
||||
"marginTop": 5,
|
||||
"marginBottom": 5
|
||||
},
|
||||
|
||||
"chartScrollbarSettings": {
|
||||
"graph": "g1",
|
||||
"graphType": "line",
|
||||
"usePeriod": "WW",
|
||||
"backgroundColor": "#333",
|
||||
"graphFillColor": "#666",
|
||||
"graphFillAlpha": 0.5,
|
||||
"gridColor": "#555",
|
||||
"gridAlpha": 1,
|
||||
"selectedBackgroundColor": "#444",
|
||||
"selectedGraphFillAlpha": 1
|
||||
},
|
||||
|
||||
"categoryAxesSettings": {
|
||||
"equalSpacing": true,
|
||||
"gridColor": "#555",
|
||||
"gridAlpha": 1
|
||||
},
|
||||
|
||||
"valueAxesSettings": {
|
||||
"gridColor": "#555",
|
||||
"gridAlpha": 1,
|
||||
"inside": false,
|
||||
"showLastLabel": true
|
||||
},
|
||||
|
||||
"chartCursorSettings": {
|
||||
"pan": true,
|
||||
"valueLineEnabled": true,
|
||||
"valueLineBalloonEnabled": true
|
||||
},
|
||||
|
||||
"legendSettings": {
|
||||
"color": "#fff"
|
||||
},
|
||||
|
||||
"stockEventsSettings": {
|
||||
"showAt": "high",
|
||||
"type": "pin"
|
||||
},
|
||||
|
||||
"balloon": {
|
||||
"textAlign": "left",
|
||||
"offsetY": 10
|
||||
},
|
||||
|
||||
"periodSelector": {
|
||||
"position": "bottom",
|
||||
"periods": [{
|
||||
"period": "DD",
|
||||
"count": 10,
|
||||
"label": "10D"
|
||||
}, {
|
||||
"period": "MM",
|
||||
"count": 1,
|
||||
"label": "1M"
|
||||
}, {
|
||||
"period": "MM",
|
||||
"count": 6,
|
||||
"label": "6M"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 1,
|
||||
"label": "1Y"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 2,
|
||||
"selected": true,
|
||||
"label": "2Y"
|
||||
}, {
|
||||
"period": "YTD",
|
||||
"label": "YTD"
|
||||
}, {
|
||||
"period": "MAX",
|
||||
"label": "MAX"
|
||||
}]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartdiv"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,371 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>amCharts Data Loader Example</title>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/amstock.js"></script>
|
||||
<script src="../dataloader.min.js"></script>
|
||||
|
||||
<!-- jQuery UI resources used for progress bar -->
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
|
||||
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
|
||||
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
|
||||
|
||||
<style>
|
||||
body, html {
|
||||
font-family: Verdana;
|
||||
font-size: 12px;
|
||||
background: #000;
|
||||
}
|
||||
#chartcontainer, #chartdiv {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
position: relative;
|
||||
}
|
||||
#chartdiv .amChartsPeriodSelector {
|
||||
padding-left: 35px;
|
||||
}
|
||||
.amChartsButtonSelected {
|
||||
font-weight: bold;
|
||||
}
|
||||
.amChartsButton {
|
||||
color: #fff;
|
||||
background: transparent;
|
||||
opacity: 0.7;
|
||||
border: 1px solid rgba(255,255,2555,.3);
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
margin: 1px;
|
||||
outline: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.amChartsInputField {
|
||||
color: #000;
|
||||
}
|
||||
.ui-progressbar {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
left: 50%;
|
||||
margin-left: -150px;
|
||||
width: 300px;
|
||||
text-align: center;
|
||||
}
|
||||
.progress-label {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 4px;
|
||||
margin-left: -15px;
|
||||
font-weight: bold;
|
||||
text-shadow: 1px 1px 0 #fff;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "stock",
|
||||
"color": "#fff",
|
||||
"dataSets": [{
|
||||
"title": "MSFT",
|
||||
"fieldMappings": [{
|
||||
"fromField": "Open",
|
||||
"toField": "open"
|
||||
}, {
|
||||
"fromField": "High",
|
||||
"toField": "high"
|
||||
}, {
|
||||
"fromField": "Low",
|
||||
"toField": "low"
|
||||
}, {
|
||||
"fromField": "Close",
|
||||
"toField": "close"
|
||||
}, {
|
||||
"fromField": "Volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"compared": false,
|
||||
"categoryField": "Date",
|
||||
|
||||
/**
|
||||
* data loader for data set data
|
||||
*/
|
||||
"dataLoader": {
|
||||
"url": "data/MSFT.csv",
|
||||
"format": "csv",
|
||||
"showCurtain": false,
|
||||
"showErrors": true,
|
||||
"async": true,
|
||||
"reverse": true,
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true,
|
||||
"progress": udpateProgress
|
||||
},
|
||||
|
||||
/**
|
||||
* data loader for events data
|
||||
*/
|
||||
"eventDataLoader": {
|
||||
"url": "data/MSFT_events.csv",
|
||||
"format": "csv",
|
||||
"showCurtain": false,
|
||||
"showErrors": true,
|
||||
"async": true,
|
||||
"reverse": true,
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true,
|
||||
"progress": udpateProgress,
|
||||
"postProcess": function ( data ) {
|
||||
for ( var x in data ) {
|
||||
switch( data[x].Type ) {
|
||||
case 'A':
|
||||
var color = "#85CDE6";
|
||||
break;
|
||||
default:
|
||||
var color = "#cccccc";
|
||||
break;
|
||||
}
|
||||
data[x].Description = data[x].Description.replace( "Upgrade", "<strong style=\"color: #0c0\">Upgrade</strong>" ).replace( "Downgrade", "<strong style=\"color: #c00\">Downgrade</strong>" );
|
||||
data[x] = {
|
||||
type: "pin",
|
||||
graph: "g1",
|
||||
backgroundColor: color,
|
||||
date: data[x].Date,
|
||||
text: data[x].Type,
|
||||
description: "<strong>" + data[x].Title + "</strong><br />" + data[x].Description
|
||||
};
|
||||
}
|
||||
return data;
|
||||
}
|
||||
}
|
||||
|
||||
}, {
|
||||
"title": "TXN",
|
||||
"fieldMappings": [{
|
||||
"fromField": "Open",
|
||||
"toField": "open"
|
||||
}, {
|
||||
"fromField": "High",
|
||||
"toField": "high"
|
||||
}, {
|
||||
"fromField": "Low",
|
||||
"toField": "low"
|
||||
}, {
|
||||
"fromField": "Close",
|
||||
"toField": "close"
|
||||
}, {
|
||||
"fromField": "Volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"compared": true,
|
||||
"categoryField": "Date",
|
||||
"dataLoader": {
|
||||
"url": "data/TXN.csv",
|
||||
"format": "csv",
|
||||
"showCurtain": false,
|
||||
"showErrors": true,
|
||||
"async": true,
|
||||
"reverse": true,
|
||||
"delimiter": ",",
|
||||
"useColumnNames": true,
|
||||
"progress": udpateProgress
|
||||
}
|
||||
}],
|
||||
"dataDateFormat": "YYYY-MM-DD",
|
||||
|
||||
"panels": [{
|
||||
"title": "Value",
|
||||
"percentHeight": 70,
|
||||
|
||||
"stockGraphs": [{
|
||||
"type": "candlestick",
|
||||
"id": "g1",
|
||||
"openField": "open",
|
||||
"closeField": "close",
|
||||
"highField": "high",
|
||||
"lowField": "low",
|
||||
"valueField": "close",
|
||||
"lineColor": "#fff",
|
||||
"fillColors": "#fff",
|
||||
"negativeLineColor": "#db4c3c",
|
||||
"negativeFillColors": "#db4c3c",
|
||||
"fillAlphas": 1,
|
||||
"comparedGraphLineThickness": 2,
|
||||
"columnWidth": 0.7,
|
||||
"useDataSetColors": false,
|
||||
"comparable": true,
|
||||
"compareField": "close",
|
||||
"showBalloon": false,
|
||||
"proCandlesticks": true
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"valueTextRegular": undefined,
|
||||
"periodValueTextComparing": "[[percents.value.close]]%"
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
{
|
||||
"title": "Volume",
|
||||
"percentHeight": 30,
|
||||
"marginTop": 1,
|
||||
"columnWidth": 0.6,
|
||||
"showCategoryAxis": false,
|
||||
|
||||
"stockGraphs": [{
|
||||
"valueField": "volume",
|
||||
"openField": "open",
|
||||
"type": "column",
|
||||
"showBalloon": false,
|
||||
"fillAlphas": 1,
|
||||
"lineColor": "#fff",
|
||||
"fillColors": "#fff",
|
||||
"negativeLineColor": "#db4c3c",
|
||||
"negativeFillColors": "#db4c3c",
|
||||
"useDataSetColors": false
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"markerType": "none",
|
||||
"markerSize": 0,
|
||||
"labelText": "",
|
||||
"periodValueTextRegular": "[[value.close]]"
|
||||
},
|
||||
|
||||
"valueAxes": [{
|
||||
"usePrefixes": true
|
||||
}]
|
||||
}
|
||||
],
|
||||
|
||||
"listeners": [{
|
||||
"event": "dataUpdated",
|
||||
"method": function() {
|
||||
progressbar.hide();
|
||||
}
|
||||
}],
|
||||
|
||||
"panelsSettings": {
|
||||
"color": "#fff",
|
||||
"plotAreaFillColors": "#333",
|
||||
"plotAreaFillAlphas": 1,
|
||||
"marginLeft": 60,
|
||||
"marginTop": 5,
|
||||
"marginBottom": 5
|
||||
},
|
||||
|
||||
"chartScrollbarSettings": {
|
||||
"graph": "g1",
|
||||
"graphType": "line",
|
||||
"usePeriod": "WW",
|
||||
"backgroundColor": "#333",
|
||||
"graphFillColor": "#666",
|
||||
"graphFillAlpha": 0.5,
|
||||
"gridColor": "#555",
|
||||
"gridAlpha": 1,
|
||||
"selectedBackgroundColor": "#444",
|
||||
"selectedGraphFillAlpha": 1
|
||||
},
|
||||
|
||||
"categoryAxesSettings": {
|
||||
"equalSpacing": true,
|
||||
"gridColor": "#555",
|
||||
"gridAlpha": 1
|
||||
},
|
||||
|
||||
"valueAxesSettings": {
|
||||
"gridColor": "#555",
|
||||
"gridAlpha": 1,
|
||||
"inside": false,
|
||||
"showLastLabel": true
|
||||
},
|
||||
|
||||
"chartCursorSettings": {
|
||||
"pan": true,
|
||||
"valueLineEnabled": true,
|
||||
"valueLineBalloonEnabled": true
|
||||
},
|
||||
|
||||
"legendSettings": {
|
||||
"color": "#fff"
|
||||
},
|
||||
|
||||
"stockEventsSettings": {
|
||||
"showAt": "high",
|
||||
"type": "pin"
|
||||
},
|
||||
|
||||
"balloon": {
|
||||
"textAlign": "left",
|
||||
"offsetY": 10
|
||||
},
|
||||
|
||||
"periodSelector": {
|
||||
"position": "bottom",
|
||||
"periods": [{
|
||||
"period": "DD",
|
||||
"count": 10,
|
||||
"label": "10D"
|
||||
}, {
|
||||
"period": "MM",
|
||||
"count": 1,
|
||||
"label": "1M"
|
||||
}, {
|
||||
"period": "MM",
|
||||
"count": 6,
|
||||
"label": "6M"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 1,
|
||||
"label": "1Y"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 2,
|
||||
"selected": true,
|
||||
"label": "2Y"
|
||||
}, {
|
||||
"period": "YTD",
|
||||
"label": "YTD"
|
||||
}, {
|
||||
"period": "MAX",
|
||||
"label": "MAX"
|
||||
}]
|
||||
}
|
||||
});
|
||||
|
||||
var progressbar, progressLabel;
|
||||
function udpateProgress( totalPercent, filePercent, url ) {
|
||||
|
||||
// initialize progress bar
|
||||
if ( progressbar === undefined ) {
|
||||
progressbar = $( "#progressbar" ).show();
|
||||
progressLabel = $( ".progress-label" );
|
||||
progressbar.progressbar( {
|
||||
value: false,
|
||||
change: function() {
|
||||
progressLabel.text( progressbar.progressbar( "value" ) + "%" );
|
||||
},
|
||||
complete: function() {
|
||||
progressLabel.text( "100%" );
|
||||
}
|
||||
} );
|
||||
}
|
||||
|
||||
// update value
|
||||
progressbar.progressbar( "value", totalPercent );
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="chartcontainer">
|
||||
<div id="chartdiv"></div>
|
||||
<div id="progressbar" style="display: none;"><div class="progress-label">...</div></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue