You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.0 KiB
91 lines
3.0 KiB
1 year ago
|
<!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">
|
||
|
|
<title>amCharts examples</title>
|
||
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||
|
|
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
|
||
|
|
<script src="../amcharts/serial.js" type="text/javascript"></script>
|
||
|
|
<script src="../amcharts/themes/dark.js" type="text/javascript"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var chart = AmCharts.makeChart("chartdiv", {
|
||
|
|
"type": "serial",
|
||
|
|
"theme": "dark",
|
||
|
|
"dataDateFormat": "YYYY-MM-DD",
|
||
|
|
"dataProvider": [{
|
||
|
|
"date": "2013-11-30",
|
||
|
|
"value": 104
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-01",
|
||
|
|
"value": 108
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-02",
|
||
|
|
"value": 103
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-03",
|
||
|
|
"value": 105
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-04",
|
||
|
|
"value": 136
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-05",
|
||
|
|
"value": 138
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-06",
|
||
|
|
"value": 113
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-07",
|
||
|
|
"value": 131
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-08",
|
||
|
|
"value": 114
|
||
|
|
}, {
|
||
|
|
"date": "2013-12-09",
|
||
|
|
"value": 124
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"maximum": 140,
|
||
|
|
"minimum": 100,
|
||
|
|
"axisAlpha": 0,
|
||
|
|
"guides": [{
|
||
|
|
"fillAlpha": 0.1,
|
||
|
|
"fillColor": "#CC0000",
|
||
|
|
"lineAlpha": 0,
|
||
|
|
"toValue": 120,
|
||
|
|
"value": 0
|
||
|
|
}, {
|
||
|
|
"fillAlpha": 0.1,
|
||
|
|
"fillColor": "#0000cc",
|
||
|
|
"lineAlpha": 0,
|
||
|
|
"toValue": 200,
|
||
|
|
"value": 120
|
||
|
|
}]
|
||
|
|
}],
|
||
|
|
"graphs": [{
|
||
|
|
"bullet": "round",
|
||
|
|
"dashLength": 4,
|
||
|
|
"valueField": "value"
|
||
|
|
}],
|
||
|
|
"chartCursor": {
|
||
|
|
"cursorAlpha": 0,
|
||
|
|
"zoomable":false,
|
||
|
|
"valueZoomable":true
|
||
|
|
},
|
||
|
|
"categoryField": "date",
|
||
|
|
"categoryAxis": {
|
||
|
|
"parseDates": true
|
||
|
|
},
|
||
|
|
"valueScrollbar":{
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body style="background-color:#3f3f4f;">
|
||
|
|
<div id="chartdiv" style="width: 100%; height: 400px;"></div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|