Как я могу использовать переменную в Google Chart Javascript
Ниже приведен код:
<div id="chart_div"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
var data12 = '<%= GlobalVariable.Data99 %>';
// 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 drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Completed', 3],
['New', data12],
['Waiting', 2]
]);
// Set chart options
var options = { 'is3D': true,
'width': 480,
'height': 200
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
Я хочу использовать переменную data12. Диаграмма не отображает значение переменной. data12 - глобальная переменная.
Я обновил код. Пожалуйста, проверьте сейчас.
2 ответа
Решение
Вы можете изменить:
var data12 = '<%= GlobalVariable.Data99 %>';
в
var data12 = parseInt('<%= GlobalVariable.Data99 %>');
function drawChart() {
data12 = parseInt('<%= GlobalVariable.Data99 %>');
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Completed', 3],
['New Complaint', data12],
['Waiting Response', 2]
]);
Вы не можете вводить переменную в " " . Потому что она считается строкой. примечание: data12 должен иметь числовое значение