нужна помощь. Как создать таблицу локально в гугл чартах? Просматривал весь сайт, ничего не работает.
Суть в том, что мне нужно создать локальную таблицу, которую я мог бы редактировать в каждом отдельном скрипте. У меня будет два графика с моими собственными таблицами, которые должны работать из локальной.
Пример кода, может быть, я чего-то не понимаю.
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type='text/javascript'>
google.charts.load('current');
// Load the Visualization API and the corechart package.
google.charts.load('current', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);
function drawVisualization() {
var dataTable = [
["Country", "Population Density"],
["Indonesia", 117],
["China", 137],
["Nigeria", 142],
["Pakistan", 198],
["India", 336],
["Japan", 339],
["Bangladesh", 1045]
];
google.visualization.drawChart({
"containerId": "visualization_div",
"dataTable": dataTable,
"refreshInterval": 5,
"chartType": "Table",
"options": {
"alternatingRowStyle": true,
"showRowNumber" : true,
}
});
}
google.charts.setOnLoadCallback(drawVisualization);
function drawChart() {
var columnchart_options = {title:'Barchart: How Much Pizza I Ate Last Night',
width:700,
height:600,
legend: { position: 'top', maxLines: 0 },
bar: { groupWidth: '75%' },
isStacked: true,};
var columnchart = new google.visualization.ColumnChart(document.getElementById('columnchart_div'));
columnchart.draw(dataTable, columnchart_options);
}
</script>
</head>
<body>
<table class="columns">
<tr>
<td><div id="columnchart_div" style="border: 1px solid #ccc"></div></td>
</tr>
</table>
</body>
Заранее спасибо