Skip to content
Snippets Groups Projects
Commit 2eb9ae6c authored by Pietro Incardona's avatar Pietro Incardona
Browse files

Adding missing testing files for GoogleChart

parent cf974ef2
No related branches found
No related tags found
No related merge requests found
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data0 = google.visualization.arrayToDataTable([
['X Axis','dataset1','dataset2','dataset3','dataset4'],
['colum1',2,3,5,6],
['colum2',5,6,1,6],
['colum3',2,1,6,9],
['colum4',1,6,3,2],
['colum5',3,3,0,6],
['colum6',2,1,4,6],
]);
var data1 = google.visualization.arrayToDataTable([
['X Axis','dataset1','dataset2','dataset3','dataset4'],
['colum1',2,3,5,6],
['colum2',5,6,1,6],
['colum3',2,1,6,9],
['colum4',1,6,3,2],
['colum5',3,3,0,6],
['colum6',2,1,4,6],
]);
var data2 = google.visualization.arrayToDataTable([
['X Axis','dataset1','dataset2','dataset3','dataset4'],
['colum1',2,3,5,6],
['colum2',5,6,1,6],
['colum3',2,1,6,9],
['colum4',1,6,3,2],
['colum5',3,3,0,6],
['colum6',2,1,4,6],
]);
var options0= {
title : 'Example',
vAxis: {title: 'Y Axis'},
hAxis: {title: 'X Axis'},
seriesType: 'bars',
series: {3: {type: 'line'}}
};
var options1= {
title : 'Example',
vAxis: {title: 'Y Axis'},
hAxis: {title: 'X Axis'},
seriesType: 'bars',
series: {3: {type: 'line'}}
};
var options2= {
title : 'Example',
vAxis: {title: 'Y Axis'},
hAxis: {title: 'X Axis'},
seriesType: 'bars',
series: {3: {type: 'line'}}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div0'));chart.draw(data0, options0);
var chart = new google.visualization.ComboChart(document.getElementById('chart_div1'));chart.draw(data1, options1);
var chart = new google.visualization.ComboChart(document.getElementById('chart_div2'));chart.draw(data2, options2);
}</script>
</head>
<body>
<h2>Before first graph</h2><div id="chart_div0" style="width: 900px; height: 500px;"></div>
<h2>Before second graph</h2><div id="chart_div1" style="width: 900px; height: 500px;"></div>
<h2>Before third graph</h2><div id="chart_div2" style="width: 900px; height: 500px;"></div>
<h2>At the end</h2></body>
</html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data0 = new google.visualization.DataTable();
data0.addColumn('string','X Axis');
data0.addColumn('number','line0');
data0.addColumn('number','line1');
data0.addColumn('number','line2');
data0.addColumn('number','line3');
data0.addColumn('number','line4');
data0.addColumn('number','line5');
data0.addColumn('number','line6');
data0.addColumn('number','line7');
data0.addColumn('number','line8');
data0.addRows([
['colum1',0.1,0.2,0.19,0.22,0.195,0.215,0.35,0.34,0.36],
['colum2',0.11,0.21,0.18,0.22,0.19,0.215,0.36,0.35,0.37],
['colum3',0.12,0.22,0.21,0.23,0.215,0.225,0.35,0.34,0.36],
['colum4',0.15,0.25,0.2,0.26,0.22,0.255,0.36,0.35,0.37],
['colum5',0.09,0.29,0.25,0.3,0.26,0.295,0.35,0.34,0.36],
['colum6',0.08,0.28,0.27,0.29,0.275,0.285,0.36,0.35,0.37],
]);
var options0= {
title : 'Example',
vAxis: {title: 'Y Axis'},
hAxis: {title: 'X Axis'},
curveType: 'function',
lineWidth: 1,
intervals: { 'style':'area' },
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div0'));chart.draw(data0, options0);
}</script>
</head>
<body>
<div id="chart_div0" style="width: 900px; height: 500px;"></div>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data0 = new google.visualization.DataTable();
data0.addColumn('string','X Axis');
data0.addColumn('number','line1');
data0.addColumn('number','line2');
data0.addColumn({id:'i0', type:'number', role:'interval'});
data0.addColumn({id:'i0', type:'number', role:'interval'});
data0.addColumn({id:'i1', type:'number', role:'interval'});
data0.addColumn({id:'i1', type:'number', role:'interval'});
data0.addColumn('number','line3');
data0.addColumn({id:'i2', type:'number', role:'interval'});
data0.addColumn({id:'i2', type:'number', role:'interval'});
data0.addRows([
['colum1',0.1,0.2,0.19,0.22,0.195,0.215,0.35,0.34,0.36],
['colum2',0.11,0.21,0.18,0.22,0.19,0.215,0.36,0.35,0.37],
['colum3',0.12,0.22,0.21,0.23,0.215,0.225,0.35,0.34,0.36],
['colum4',0.15,0.25,0.2,0.26,0.22,0.255,0.36,0.35,0.37],
['colum5',0.09,0.29,0.25,0.3,0.26,0.295,0.35,0.34,0.36],
['colum6',0.08,0.28,0.27,0.29,0.275,0.285,0.36,0.35,0.37],
]);
var options0= {
title : 'Example',
vAxis: {title: 'Y Axis'},
hAxis: {title: 'X Axis'},
curveType: 'function',
lineWidth: 1,
intervals: { 'style':'area' },
interval: {'i2': { 'color': '#4374E0', 'style':'bars', 'lineWidth':4, 'fillOpacity':1 } }
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div0'));chart.draw(data0, options0);
}</script>
</head>
<body>
<div id="chart_div0" style="width: 900px; height: 500px;"></div>
</body>
</html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment