Blame | Letzte Änderung | Log anzeigen | RSS feed
<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"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><!-- AmCharts includes --><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><!-- Export plugin includes and styles --><script src="../export.js"></script><link type="text/css" href="../export.css" rel="stylesheet"><style>body,html {height: 100%;padding: 0;margin: 0;overflow: hidden;font-size: 11px;font-family: Verdana;}#chartdiv {width: 100%;height: 100%;}</style><script type="text/javascript">var chartData1 = [];var chartData2 = [];var chartData3 = [];var chartData4 = [];generateChartData();function generateChartData(){var firstDate = new Date();firstDate.setDate(firstDate.getDate() - 500);firstDate.setHours(0, 0, 0, 0);for (var i = 0; i < 500; i++){var newDate = new Date(firstDate);newDate.setDate(newDate.getDate() + i);var a1 = Math.round(Math.random() * (40 + i)) + 100 + i;var b1 = Math.round(Math.random() * (1000 + i)) + 500 + i * 2;var a2 = Math.round(Math.random() * (100 + i)) + 200 + i;var b2 = Math.round(Math.random() * (1000 + i)) + 600 + i * 2;var a3 = Math.round(Math.random() * (100 + i)) + 200;var b3 = Math.round(Math.random() * (1000 + i)) + 600 + i * 2;var a4 = Math.round(Math.random() * (100 + i)) + 200 + i;var b4 = Math.round(Math.random() * (100 + i)) + 600 + i;chartData1.push({date: newDate,value: a1,volume: b1});chartData2.push({date: newDate,value: a2,volume: b2});chartData3.push({date: newDate,value: a3,volume: b3});chartData4.push({date: newDate,value: a4,volume: b4});}}var chart = AmCharts.makeChart("chartdiv",{"type": "stock","dataSets": [{"title": "first data set","fieldMappings": [{"fromField": "value","toField": "value"},{"fromField": "volume","toField": "volume"}],"dataProvider": chartData1,"categoryField": "date"},{"title": "second data set","fieldMappings": [{"fromField": "value","toField": "value"},{"fromField": "volume","toField": "volume"}],"dataProvider": chartData2,"categoryField": "date"},{"title": "third data set","fieldMappings": [{"fromField": "value","toField": "value"},{"fromField": "volume","toField": "volume"}],"dataProvider": chartData3,"categoryField": "date"},{"title": "fourth data set","fieldMappings": [{"fromField": "value","toField": "value"},{"fromField": "volume","toField": "volume"}],"dataProvider": chartData4,"categoryField": "date"}],"panels": [{"showCategoryAxis": false,"title": "Value","percentHeight": 70,"stockGraphs": [{"id": "g1","valueField": "value","comparable": true,"compareField": "value","balloonText": "[[title]]:<b>[[value]]</b>","compareGraphBalloonText": "[[title]]:<b>[[value]]</b>"}],"stockLegend":{"periodValueTextComparing": "[[percents.value.close]]%","periodValueTextRegular": "[[value.close]]"}},{"title": "Volume","percentHeight": 30,"stockGraphs": [{"valueField": "volume","type": "column","showBalloon": false,"fillAlphas": 1}],"stockLegend":{"periodValueTextRegular": "[[value.close]]"}}],"chartScrollbarSettings":{"graph": "g1"},"chartCursorSettings":{"valueBalloonsEnabled": true,"fullWidth": true,"cursorAlpha": 0.1,"valueLineBalloonEnabled": true,"valueLineEnabled": true,"valueLineAlpha": 0.5},"periodSelector":{"position": "left","periods": [{"period": "MM","selected": true,"count": 1,"label": "1 month"},{"period": "YYYY","count": 1,"label": "1 year"},{"period": "YTD","label": "YTD"},{"period": "MAX","label": "MAX"}]},"dataSetSelector":{"position": "left"},"export":{"enabled": true}});</script></head><body><div id="chartdiv"></div></body></html>