Google 图表:停用点击条形图时显示的条形图周围的黑色轮廓

Google Charts: Disable the black outline around a bar that appears when the bar is clicked

提问人:Jonathan Chiou 提问时间:7/22/2016 更新时间:7/22/2016 访问量:849

问:

每当我点击谷歌时间线中的一个条形图时,它周围都会出现一个黑色的轮廓。我想禁用此行为,并可能禁用特定栏的所有点击交互。我该怎么做?

示例时间线可以玩一下,看看我的意思(点击一个条形图):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);
  }
JavaScript 谷歌可视化 时间线

评论


答:

1赞 Josh 7/22/2016 #1

我认为您可以使用图表选项进行修改(有关其他示例,请参阅 Google 图表时间线文档),但我不能肯定地说。虽然这是理想的方法,但您可以使用 CSS 删除此焦点指示器:

rect {
  stroke-width: 0;
}