JSFiddle - React, Tailwind, and code Playground
by heennkkee
HTML
<script src="https://www.google.com/jsapi"></script>
<!--Div that will hold the dashboard-->
<div id="dashboard_div">
<!--Divs that will hold each control and chart-->
<div id="filter_div"></div>
<div>
<br>
<br>
</div>
<div id="TeamName"></div>
<div id="chart_div"></div>
<div id="pie_div"></div>
<div id="table_div"></div>
</div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1.0', {
'packages': ['controls', 'corechart']
});
google.setOnLoadCallback(drawDashboard);
function drawDashboard() {
// Create our data table.
var data = new google.visualization.DataTable({
"cols": [{
"label": "Group",
"type": "string"
}, {
"label": "Teams",
"type": "string"
}, {
"label": "Month",
"type": "number"
}, {
"label": "Work hours",
"type": "number"
}, {
"label": "Training hours",
"type": "number"
}, {
"label": "Utilization",
"type": "number"
}],
"rows": [{
"c": [{
"v": "CLNTSV"
}, {
"v": "CSDelv"
}, {
"v": 7
}, {
"v": 2097.26
}, {
"v": 0
}, {
"v": 0.949158
}]
}, {
"c": [{
"v": "CLNTSV"
}, {
"v": "CSPro"
}, {
"v": 4
}, {
"v": 168
}, {
"v": 0
}, {
"v": 0.5
...