diff --git a/gc_out7_test.html b/gc_out7_test.html new file mode 100644 index 0000000000000000000000000000000000000000..3ff25d9859b5d043e7ed39f55c517a7124a28b1c --- /dev/null +++ b/gc_out7_test.html @@ -0,0 +1,68 @@ +<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> diff --git a/gc_plot2_out_test.html b/gc_plot2_out_test.html new file mode 100644 index 0000000000000000000000000000000000000000..0fd3d25f7db51b8abddf937ff930e64924bb34bf --- /dev/null +++ b/gc_plot2_out_test.html @@ -0,0 +1,43 @@ +<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> diff --git a/gc_plot_out_test.html b/gc_plot_out_test.html new file mode 100644 index 0000000000000000000000000000000000000000..4baf5abdf68f3ac00b9dba44479eb6dc6c73d6f5 --- /dev/null +++ b/gc_plot_out_test.html @@ -0,0 +1,44 @@ +<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>