Question

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

使用示例时间轴来查看我的意思（点击栏）： 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);
  }

Answer 1

我认为你可以用图表选项修改它（见Google Charts Timeline documentation for other examples），但我不能肯定地说。虽然这是理想的方法，但您可以使用CSS删除此焦点指示符：

rect {
  stroke-width: 0;
}

Google图表：禁用单击栏时显示的栏周围的黑色轮廓

1 个答案: