507
edits
Line 149: | Line 149: | ||
<html> | <html> | ||
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> | <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> | ||
<button id="addData">Show CPU </button> | |||
<button id="showFPS">Show FPS </button> | |||
<button id="reset">Show both</button> | |||
<br><br> | <br><br> | ||
Line 159: | Line 162: | ||
function drawStuff() { | function drawStuff() { | ||
var button = document.getElementById(' | var button = document.getElementById('addData'); | ||
var chartDiv = document.getElementById('chart_div'); | var chartDiv = document.getElementById('chart_div'); | ||
Line 188: | Line 191: | ||
} | } | ||
}; | }; | ||
var materialChart = new google.charts.Bar(chartDiv); | |||
function drawMaterialChart() { | function drawMaterialChart() { | ||
var materialChart = new google.charts.Bar(chartDiv); | //var materialChart = new google.charts.Bar(chartDiv); | ||
materialChart.draw(data, google.charts.Bar.convertOptions(materialOptions)); | materialChart.draw(data, google.charts.Bar.convertOptions(materialOptions)); | ||
button.onclick = addNewRow; | |||
} | } | ||
function addNewRow() { | |||
//data.removeRow(0); | |||
//data.removeColumn(2); | |||
view = new google.visualization.DataView(data); | |||
view.hideColumns([1]); | |||
materialChart.draw(view, materialOptions); | |||
//data.insertRows(0, [['Test-A-changed', 14, 13]]); | |||
//drawMaterialChart(); | |||
} | |||
var showFPS_only = document.getElementById("showFPS"); | |||
showFPS_only.onclick = function() { | |||
view = new google.visualization.DataView(data); | |||
view.hideColumns([2]); | |||
materialChart.draw(view, materialOptions); | |||
} | |||
drawMaterialChart(); | |||
var hideSal = document.getElementById("reset"); | |||
hideSal.onclick = function() { | |||
drawMaterialChart(); | |||
} | |||
drawMaterialChart(); | drawMaterialChart(); | ||
}; | }; |
edits