Commit 2eb9ae6c authored by Pietro Incardona's avatar Pietro Incardona

Adding missing testing files for GoogleChart

parent cf974ef2
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment