我如何在Google Chart Javascript中使用变量

时间:2016-03-07 04:33:52

标签: javascript google-chartwrapper

以下是代码:

                    <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 个答案:

答案 0 :(得分:0)

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]
                            ]);

你不能在&#34;中输入变量&#34;因为它被认为是字符串。 注意:data12必须具有数字值

答案 1 :(得分:0)

您可能想要更改:

var data12 = '<%= GlobalVariable.Data99 %>';

var data12 = parseInt('<%= GlobalVariable.Data99 %>');