谷歌图表如何总是显示工具提示 [英] Google charts how to always shows the tooltip
本文介绍了谷歌图表如何总是显示工具提示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
使用下面的代码显示了我需要做些什么来解决以下问题:
Using the code below showed what Do I have to do to fix the following problems:
- 我需要显示列值(总是)在酒吧的顶部没有点击它。
- 我需要为每个酒吧指定一种颜色
- 我需要显示x和Y标签
- 我需要显示最小值= 0,最大值为5,实际上图形显示从4.3到5.0
- I need to show the column values (always) at the top of the bar without make click on it.
- I need to assign one color a each bar
- I need to show the x and Y labels
- I need to show the minimun value=0 and the maximun value to 5, actually the graphic shows from 4.3 to 5.0
有什么想法?提前感谢您。
Any ideas? thank you in advance.
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
//load the Google Visualization API and the chart
google.load('visualization', '1', {'packages':['columnchart']});
//set callback
google.setOnLoadCallback (createChart);
//callback function
function createChart() {
var data = new google.visualization.DataTable(
{
"cols": [
{"id":"","label":"Topping","pattern":"","type":"string"},
{"id":"","label":"Promedio","pattern":"","type":"number"}
],
"rows": [
{"c":[{"v":"1", "f":null},{"v":4.31,"f":null}]},
{"c":[{"v":"2", "f":null},{"v":4.84,"f":null}]},
{"c":[{"v":"3", "f":null},{"v":4.77,"f":null}]},
{"c":[{"v":"4", "f":null},{"v":4.80,"f":null}]},
{"c":[{"v":"5", "f":null},{"v":4.78,"f":null}]},
{"c":[{"v":"6", "f":null},{"v":4.80,"f":null}]},
{"c":[{"v":"7", "f":null},{"v":4.79,"f":null}]},
{"c":[{"v":"8", "f":null},{"v":4.83,"f":null}]},
{"c":[{"v":"9", "f":null},{"v":4.77,"f":null}]},
{"c":[{"v":"10","f":null},{"v":4.85,"f":null}]},
{"c":[{"v":"11","f":null},{"v":4.52,"f":null}]}
]
}
)
//instantiate our chart objects
var chart = new google.visualization.ColumnChart (document.getElementById('chart_div'));
//define options for visualization
var options = {
width: 800,
height: 300,
is3D: true,
legend: 'none',
axisTitlesPosition: 'in',
title: 'My Graphic',
hAxis: {
title: 'hAxis Title',
titleTextStyle: {color: 'red'},
textPosition: 'out'
},
vAxis: {
viewWindowMode: 'explicit',
viewWindow: {
max: 5.0,
min: 0.0
},
minValue: 0.0,
maxValue: 5.0,
textPosition: 'out'
}
};
//draw my chart
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 700px;"></div>
</body>
</html>
推荐答案
很多感谢asgallant。
Many Thanks to asgallant.
请转至 https://groups.google.com/forum/?fromgroups=#!topic/google-visualization-api/6FyfEBphXO4
这篇关于谷歌图表如何总是显示工具提示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文