Charts 谷歌平均评级图表
我需要可视化谷歌图表,根据1周、2个月、4个月、8个月和12个月的产品平均评级,因此我尝试使用谷歌可视化工具可视化它,因此我得到了以下代码Charts 谷歌平均评级图表,charts,datatable,Charts,Datatable,我需要可视化谷歌图表,根据1周、2个月、4个月、8个月和12个月的产品平均评级,因此我尝试使用谷歌可视化工具可视化它,因此我得到了以下代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Duration', 'rating'],
['1 week', 1],
['2 Months', 2],
['4 Months', 3],
['8 Months', 4],
['1 Year', 5],
]);
// Create and draw the visualization.
new google.visualization.ColumnChart(document.getElementById('visualization')).
draw(data,
{title:"Yearly Coffee Consumption by Country",
width:600, height:400,
hAxis: {title: "Year"}}
);
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 600px; height: 400px;"></div>
</body>
</html>
谷歌可视化API示例
load('visualization','1',{packages:['corechart']});
函数drawVisualization(){
//创建并填充数据表。
var data=google.visualization.arrayToDataTable([
[‘持续时间’、‘评级’],
[‘1周’,1],
[‘2个月’,2],
['4个月',3],
[‘8个月’,4],
['1年',5],
]);
//创建并绘制可视化。
新的google.visualization.ColumnChart(document.getElementById('visualization'))。
绘制(数据、,
{标题:“各国每年咖啡消费量”,
宽度:600,高度:400,
哈克斯:{标题:“年}}
);
}
setOnLoadCallback(drawVisualization);
在这里,它将输出显示为
我需要y轴必须是1到5,x轴必须有基于时间范围的平均评级,这是可能的吗?我该怎么办 要回答问题的第一部分 …y轴必须为1到5 。。。您必须格式化y轴,这还不在代码中 将呼叫更改为
google.visualization.ColumnChart
new google.visualization.ColumnChart(
document.getElementById('visualization')).draw(
data, {
title: "Yearly Coffee Consumption by Country",
width: 600,
height: 400,
hAxis: {
title: "Year"
},
vAxis: { <- new code from here...
minValue:0,
format:'#',
gridlines:{
count:6
}
}
}
);
新建google.visualization.ColumnChart(
document.getElementById('visualization')).draw(
数据{
标题:“各国每年咖啡消费量”,
宽度:600,
身高:400,
哈克斯:{
标题:“年”
},
vAxis:{回答问题的第一部分
…y轴必须为1到5
…您必须格式化y轴,而y轴尚未在代码中
将呼叫更改为google.visualization.ColumnChart
new google.visualization.ColumnChart(
document.getElementById('visualization')).draw(
data, {
title: "Yearly Coffee Consumption by Country",
width: 600,
height: 400,
hAxis: {
title: "Year"
},
vAxis: { <- new code from here...
minValue:0,
format:'#',
gridlines:{
count:6
}
}
}
);
新建google.visualization.ColumnChart(
document.getElementById('visualization')).draw(
数据{
标题:“各国每年咖啡消费量”,
宽度:600,
身高:400,
哈克斯:{
标题:“年”
},
vAxis:{@Bjoem,我如何将您的上述代码实现到mycode中?如果我使用google.visualization.ColumnChart
而不是它,它不会向我显示,可能会导致关于“x轴必须具有基于时间范围的平均评级”的错误我是否有1周、2个月左右的平均评分on@kani只需将vAxis…
中的块添加到你的google.visualization.ColumnChart
调用中。如果它没有显示,你可能有一个jscript错误。也许只需用我的示例替换//create and draw…
下面的六行代码即可,这应该可以完成工作。请描述您的其他问题,同时使用一些示例数据来澄清。@Bjoem,我如何将您的上述代码实现到mycode中?如果我使用google.visualization.ColumnChart
而不是它,它不会向我显示,可能会导致关于“x轴必须具有基于时间范围的平均评级”的错误我是否有1周、2个月左右的平均评分on@kani只需将vAxis…
中的块添加到你的google.visualization.ColumnChart
调用中。如果它没有显示,你可能有一个jscript错误。也许只需用我的示例替换//create and draw…
下面的六行代码即可,这应该可以完成工作。请描述您的其他问题,同时使用一些示例数据进行澄清。