提问人:Jonathan Chiou 提问时间:7/22/2016 更新时间:7/22/2016 访问量:849
Google 图表:停用点击条形图时显示的条形图周围的黑色轮廓
Google Charts: Disable the black outline around a bar that appears when the bar is clicked
问:
每当我点击谷歌时间线中的一个条形图时,它周围都会出现一个黑色的轮廓。我想禁用此行为,并可能禁用特定栏的所有点击交互。我该怎么做?
示例时间线可以玩一下,看看我的意思(点击一个条形图):https://jsfiddle.net/qy1kk0sb/
示例代码:
google.charts.load('current', {
'packages': ['timeline']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('timeline');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({
type: 'string',
id: 'President'
});
dataTable.addColumn({
type: 'date',
id: 'Start'
});
dataTable.addColumn({
type: 'date',
id: 'End'
});
dataTable.addRows([
['potato1', new Date(2000, 1, 1), new Date(2017, 2, 3)],
['potato2', new Date(2003, 5, 5), new Date(2016, 12, 31)],
['potato3', new Date(2007, 4, 2), new Date(2019, 3, 14)]
]);
chart.draw(dataTable);
}
答:
1赞
Josh
7/22/2016
#1
我认为您可以使用图表选项进行修改(有关其他示例,请参阅 Google 图表时间线文档),但我不能肯定地说。虽然这是理想的方法,但您可以使用 CSS 删除此焦点指示器:
rect {
stroke-width: 0;
}
上一个:链表赋值运算符
评论