всем добрый день.
столкнулся с проблемой, уже всю голову поломал пытаясь её решить
задача: на страницы есть 2 графа google charts один multi axis другой pie chart.
нужно чтоб каждый граф делал запрос через ajax, и получал данные.
граф pie это делает, а вот bar chart чтото у меня не выходит, побывал смотреть google chart api, не помогло
помогите пожалуйста
заранее благодарен
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>index</title>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("#text").click(function() {
});
})
</script>
</head>
<body>
<div id="text">aaa</div>
<div style="float: left; display: hide;">
<?PHP
$data = array( array( "Name",
1.25,
15,
20
),
array( "daisy",
10.75,
25,
20
),
array( "orchid",
1.15,
87,
150
)
);
$data = json_encode($data);
$data = substr($data, 0, -1);
$data = substr($data, 1);
//echo $data;
//echo $onlyconsonants;
//print_r($shop);
?>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['charteditor']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var jsonData2 = $.ajax({
url: "getData.php",
dataType:"json",
async: false
}).responseText;
//alert(jsonData);
</script>
<script type="text/javascript">
var wrapper;
function init() {
wrapper = new google.visualization.ChartWrapper(
{
"chartType":"ComboChart",
"containerId":"visualization",
"options":{
//"width":550,
//"height":400,
"is3D":"0",
"isStacked":"1",
"title":null,
"focusTarget":"category",
"legend":{
"position":"top"
},
"seriesType":"line",
"hAxis":{
"slantedTextAngle":30,
"slantedText":true,
"title":""
},
"vAxes":[
{
"title":"Count",
"viewWindow":{
"min":0
}
},
{
"title":"Amount",
"viewWindow":{
"min":0
}
}
],
"series":[
{
"enabled":"1",
"color":"#38d12a",
"label":"Shares",
"type":"bars",
"targetAxisIndex":0
},
{
"enabled":"1",
"color":"#5892f5",
"label":"Share Clicks",
"type":"bars",
"targetAxisIndex":0
},
{
"enabled":"1",
"color":"#de8d40",
"label":"SCR",
"type":"line",
"targetAxisIndex":1
}
],
"chartArea":{
"width":"80%",
"height":"70%"
}
},
"dataTable":[
[
"date",
"Shares",
"Share Clicks",
"SCR"
],
<?PHP echo $data;?>
]
}
);
wrapper.draw();
}
google.setOnLoadCallback(init);
</script>
<div id='visualization' style="width:550px;height:400px"> </div>
</div>
<div style="float: left;">
<?PHP
$data2 = "['Master',11],['Other', 10]";
?>
<script type="text/javascript">
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var jsonData = $.ajax({
url: "getData_pie.php",
dataType:"json",
async: false
}).responseText;
var options = {
title: 'My Daily Activities'
};
var data = new google.visualization.DataTable(jsonData);
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div id="chart_div" style="width:550px; height: 400px;"></div>
</div>
<div style="clear:both";></div>
</body>
</html>
$string = "{
\"cols\": [
{\"id\":\"\",\"label\":\"Topping\",\"pattern\":\"\",\"type\":\"string\"},
{\"id\":\"\",\"label\":\"Slices\",\"pattern\":\"\",\"type\":\"number\"}
],
\"rows\": [
{\"c\":[{\"v\":\"Mushrooms\",\"f\":null},{\"v\":3,\"f\":null}]},
{\"c\":[{\"v\":\"Onions\",\"f\":null},{\"v\":17,\"f\":null}]}
]
}";
echo $string;
