Question

当我在图表中选择一个点时，工具提示html内容是正确的，但是当选择2个或更多点时，工具提示合并为一个，每个的html都可见。 smbd知道我做错了吗？ smbd可以帮帮我吗？

open System.Windows

关注问题的图片：

Charset

Answer 1

看起来像一个bug，从我所知道的，代码看起来很好

没有遗漏的选项或类似的东西

并且很容易复制，如下例所示

您可以使用aggregationTarget: 'none'强制每个工具提示单独显示

＆＃13;

google.charts.load('current', {
  callback: function () {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Time');
    data.addColumn('number' , 'id');
    data.addColumn({type: 'string', role: 'tooltip', p: {html: true}});

    var dataArray = [
      [new Date(2016, 11, 18), 1000, 400],
      [new Date(2016, 11, 19), 1170, 1170],
      [new Date(2016, 11, 20), 660, 1120],
      [new Date(2016, 11, 21), 1030, 540]
    ];

    dataArray.forEach(function (row) {
      data.addRow([
        row[0],
        row[1],
        '<div class="google-chart-tooltip"><center class="google-chart-tooltip-date">Date: ' + row[0] + '</center><br /><p>Value1: ' + row[1] + ';<br />Value2: ' + row[2] + '.</p></div>'
      ]);
    });

    var currentChartOptions = {
      aggregationTarget: 'none',
      tooltip: {
        isHtml: true,
        trigger: 'selection'
      },
      selectionMode: 'multiple',
      interpolateNulls: true,
      hAxis: {
        title: 'Time'
      },
      vAxis: {
        title: 'Values'
      }
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, currentChartOptions);
  },
  packages:['corechart']
});

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

＆＃13;

谷歌图表html工具提示问题

1 个答案: