Question

当我想将HTML代码放在悬停在直方图元素上时显示的工具提示中时，我遇到了问题。

有人有类似的问题吗？我离开code

function drawChart() {
//var data = google.visualization.arrayToDataTable(dataToHistogram(response));
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
dataTable.addColumn({ type: 'number', id: 'precio' });


for (var i = datos.length - 1; i >= 0; i--) {
  dataTable.addRow(["<strike>"+datos[i].titulo+"</strike>", datos[i].valor]);
}


var options = {
  title: '',
  legend: { position: 'none' },
  bar: {groupWidth : 20},
  width: 1200,
  series: [
    {color: '#007d00', visibleInLegend: true}, {}, {},
  ],
  isStacked: 'absolute',
  tooltip:{isHtml: true}
};

var chart = new google.visualization.Histogram(document.getElementById('chart_div'));
chart.draw(dataTable, options);

}

我基于此

[https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#using-html-tooltips][2]

Answer 1

在文档的Supported Charts部分中，in表示直方图不支持HTML工具提示。这是引用：

支持的图表

目前支持HTML工具提示   以下图表类型：


AreaChart

BarChart

CalendarChart

CandlestickChart

的ColumnChart

ComboChart

应用于LineChart

饼图

Sankey Diagrams

ScatterChart

时间轴

我无法在Google Charts工具提示中显示HTML

1 个答案: