diff options
| author | Federico Ceratto <federico.ceratto@gmail.com> | 2016-03-30 21:40:42 +0000 |
|---|---|---|
| committer | Federico Ceratto <federico.ceratto@gmail.com> | 2016-03-30 21:40:42 +0000 |
| commit | 9ce153ce7167c11adba8ac225edc7a707e97c6eb (patch) | |
| tree | 9f6e849cce2dcc7e5b4e9e6252c843dc2d0787a2 /web/old/datasource.html | |
| download | netdata-9ce153ce7167c11adba8ac225edc7a707e97c6eb.tar.xz netdata-9ce153ce7167c11adba8ac225edc7a707e97c6eb.zip | |
Imported Upstream version 1.0.0upstream/1.0.0
Diffstat (limited to 'web/old/datasource.html')
| -rw-r--r-- | web/old/datasource.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/web/old/datasource.html b/web/old/datasource.html new file mode 100644 index 000000000..f61db4fb9 --- /dev/null +++ b/web/old/datasource.html @@ -0,0 +1,56 @@ +<html> + <style> + * {font-family:Arial} + div {float: left; margin: 0 0 0 0; } + </style> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8"/> + <title>NetData Datasource Example</title> + <script type="text/javascript" src="http://www.google.com/jsapi"></script> + <script type="text/javascript"> + + google.load('visualization', '1', {packages: ['charteditor']}); + // google.load('visualization', '1.0'); // Note: No need to specify chart libraries. + + google.setOnLoadCallback(drawVisualization); + + var wrapper; + function drawVisualization() { + wrapper = new google.visualization.ChartWrapper({ + containerId: 'graph_div', + chartType: 'AreaChart', + dataSourceUrl: 'http:/datasource/system.cpu/60/1/max', // it needs a protocol to work, even in relative URLs + refreshInterval: 1, + options: { + isStacked: true, + areaOpacity: 0.85, + lineWidth: 1, + title: 'CPU utilization', + width: window.innerWidth - 50, + height: window.innerHeight - 50, + hAxis: {title: "Time of Day", viewWindowMode: 'maximized', format:'HH:mm:ss'}, + vAxis: {title: "percent", viewWindowMode: 'pretty', minValue: 0, maxValue: 100}, + focusTarget: 'category', + annotation: {'1': {style: 'line'}}, + }, + }); + wrapper.draw(); + } + + function openEditor() { + var editor = new google.visualization.ChartEditor(); + google.visualization.events.addListener(editor, 'ok', function() { + wrapper = editor.getChartWrapper(); + wrapper.draw(document.getElementById('graph_div')); + }); + editor.openDialog(wrapper); + } + + </script> + </head> + <body> + <input type='button' onclick='openEditor()' value='Open Editor'> + <br/> + <div><div id="graph_div"/></div> + </body> +</html> |