谷歌图表选项隐藏y标签和注释
Google chart options to hide y-labels and annotate
从这个JSFiddle开始,您会注意到每个系列都有一组y标签,这是这种类型的绘图所需要的,但是,我不想要它们,或者至少只想要其中一个。如何隐藏右侧的y标签,或者至少隐藏所有y标签?
此外,是否有一种简单的方法可以将数据值显示为每个小节的注释?
google.load('visualization', '1.1', {
'packages': ['bar']
});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = google.visualization.arrayToDataTable([
['X-Title', 'Blue 1', 'Blue 2', 'Red 1', 'Red 2', 'Yellow 1', 'Yellow 2'],
['2001', 321, 621, 816, 319, 125, 175],
['2002', 163, 231, 539, 594, 225, 300],
['2003', 125, 819, 123, 578, 100, 200],
['2004', 197, 536, 613, 298, 25, 150]
]);
// Set chart options
var options = {
isStacked: true,
width: 800,
height: 600,
chart: {
title: 'Year-by-year comparison',
subtitle: 'This data is not real'
},
vAxis: {
viewWindow: {
min: 0,
max: 1200
}
},
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 0
},
2: {
targetAxisIndex: 1
},
3: {
targetAxisIndex: 1
},
4: {
targetAxisIndex: 2
},
5: {
targetAxisIndex: 2
}
}
};
// Instantiate and draw our chart, passing in some options.
var chart_div = document.getElementById('chart_div');
var chart = new google.charts.Bar(chart_div);
chart.draw(data, google.charts.Bar.convertOptions(options));
};
对于轴的操作,您需要使用vAxes
选项:
vAxes:{
1:{textStyle:{color:'none'}}, // this will hide the first on the right
2:{textStyle:{color:'none'}}, // this will hide the second on the right
}
相关文章:
- 在<页眉>标签
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- iframe正在添加标签,需要删除它们
- 如何自动调整标签的高度以适应内容
- Jquery标签插件粘贴问题
- Twitter引导程序Typeahead-Id&标签
- Javascript中的备选注释方法
- html5视频中的Youtube类型注释
- Highcharts-如何在自定义格式化程序中获得默认的y轴标签格式化程序
- 如何防止 TinyMCE 将 CDATA 添加到<脚本>标签中,并注释掉<样式>标签
- 使用 alt 标签优雅地注释图像
- 如何注释掉混合了服务器标签的 JavaScript 代码块
- 带有锚点标签、http:// 或URL的PHP注释以及其余的HTML标签是纯文本
- 谷歌图表选项隐藏y标签和注释
- 在HTML注释标签中获取文本
- 如何在Javascript或jQuery的注释中包装标签
- 从3升级到PHP 5.5之后.x,它似乎试图解析我的JavaScript注释(嵌入在一个PHP包含文件的脚本标签)
- 在注释标签中包含javascript代码"
- 强制Jade忽略脚本标签中的注释
- JavaScript Regex替换两个注释标签之间的字符串