时间戳

首页 > 解决方案 > Google Chart 自定义工具提示未显示为 HTML

javascript - Google Chart 自定义工具提示未显示为 HTML

问题描述

为什么红线的工具提示不呈现为 HTML？我添加了该选项tooltip: { isHtml: true }，但这无济于事。

https://jsfiddle.net/w7hymkua/2/

google.charts.load('current', {
  packages: ['corechart', 'line']
});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {
  var query = new google.visualization.Query("https://docs.google.com/spreadsheets/d/1T8eNrLpk7bOuvHGDojsHALzoxHHHoQ6iJ7AZIAnZntE/edit?usp=sharing");
  query.send(handleQueryResponse);
}

function handleQueryResponse(response) {
  var data = response.getDataTable();
  data.setColumnProperty(3, 'role', 'tooltip');
  data.setColumnProperty(3,'html','true');
  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  var options = {
    title: 'Weight mot Date',
    legend: 'none',
    bar: {
      groupWidth: '95%'
    },
    hAxis: {
      title: 'Date',
      format: 'yyy-MM-dd',
    },
    vAxis: {
      title: 'Weight',
      viewWindow: {
        max: 100,
        min: 0,
      },
      ticks: [0, 25, 50, 75, 100],
      focusTarget: 'category',
      tooltip: { isHtml: true }
    }
  };
  chart.draw(data, options);
}

标签： javascriptcharts

解决方案

推荐阅读