如何将整数变量从PHP传递到Javascript Google Chart API
How to pass integer variables from PHP to a Javascript Google Chart API?
我有以下代码:
<html><head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Polarity', 'Percentage'],
['positive', 0],
['negative', 0],
['neutral', 0]
]);
var options = {
title: 'Sentiment Chart',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<?php
$positive = 20;
$negative = 30;
$neutral = 50;
echo "<div id='"piechart'" style='"width: 900px; height: 500px;'"></div>";
?>
</body>
</html>
这是一个谷歌饼图。如何将 PHP 变量$positive、$negative和$neutral传递给图表中的"正"、"负"和"中性"标签,使其在图表上分别显示 20%、30% 和 50% 的值?
我已经搜索了SO,但没有找到一个简单的方法。
把你的php放在文档的顶部,然后像这样将变量回显到javascript上:
var data = google.visualization.arrayToDataTable([
['Polarity', 'Percentage'],
['positive', <?php echo $positive ?>],
['negative', <?php echo $negative ?>],
['neutral', <?php echo $neutral ?>]
]);
只需将它们输出到它们需要的位置:
<?php echo $negative; ?>
在您的情况下可能是这样的:
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Polarity', 'Percentage'],
['positive', <?php echo $positive; ?>],
['negative', <?php echo $negative; ?>],
['neutral', <?php echo $neutral; ?>]
]);
var options = {
title: 'Sentiment Chart',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
通过在代码之前加载 PHP 并打开代码中的标签:
<?php
$positive = 20;
$negative = 30;
$neutral = 50;
?>
<html><head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Polarity', 'Percentage'],
['positive', <?php echo $positive; ?>],
['negative', <?php echo $negative; ?>],
['neutral', <?php echo $neutral; ?>]
]);
var options = {
title: 'Sentiment Chart',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id='"piechart'" style='"width: 900px; height: 500px;'"></div>
</body>
</html>
相关文章:
- Rails:试图在javascript(Google Charts API)中嵌入一个adv-ruby(each+迭代器
- Javascript:Google Maps API:如果地图加载在隐藏容器中,则为空白地图
- 在Javascript/Google Maps Api中将结果放入数组时出现问题
- javascript/google maps:为什么我在哪里初始化我的地图(内部与外部函数)很重要
- javascript google map setcenter and setzoom with animation
- Javascript (Google Adwords) with Excel VBA
- JavaScript Google Map 坐标验证
- Javascript Google Chrome,代码不起作用
- 如何在Javascript(Google Drive API)中保存HTTP请求中的URI
- 替换域javascript(Google Apps Script)正则表达式之前的所有内容
- JSF:Javascript google maps API - 标记获得相同的标题
- 在多边形中添加一些区域 [JavaScript:: Google Map API v3]
- PHP 查询数组到 Javascript Google Maps 迭代器
- 如何将整数变量从PHP传递到Javascript Google Chart API
- Javascript Google Calendar API将日历设置为公用
- Javascript/google闭包库中的类型转换
- Javascript Google Maps API在Web浏览器中加载,但不在Android浏览器中加载
- JavaScript: Google地图滚动
- Javascript / Google自定义搜索API -函数触发两次
- javascript/google hangouts api中的回调函数