Google条形图自定义工具提示不起作用
阿诺
这段代码：
chart = new google.charts.Bar(document.getElementById('chart'));
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('string', '');
dataTable.addColumn('number', 'Value');
dataTable.addColumn({type: 'string', role: 'tooltip', p: {'html': true}});
var rows = [
['U.S.', 2, "tool"],
['France', 10, "tip"]
];
dataTable.addRows(rows);
chart.draw(dataTable);
不会产生自定义工具提示。
奇怪的是，它可以与其他图表类型一起使用。
你知道为什么吗？
[编辑]显然这是不可能的。还有其他方法可以在工具提示中放置“％”符号，如此屏幕截图所示？
白帽
默认情况下，工具提示应显示格式化的值。
使用对象符号表示您的值，您可以提供格式化的值（f:）
以及所需的值（v:）...
您也可以dataTable.setFormattedValue(...)在表格加载后使用...
例子...
google.charts.load('current', {
callback: drawChart,
packages: ['bar']
});
function drawChart() {
chart = new google.charts.Bar(document.getElementById('chart'));
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('string', '');
dataTable.addColumn('number', 'Value');
var rows = [
['U.S.', {v: 2, f: '2%'}], // add %
['France', {v: 10, f: '10%'}], // add %
['Germany', {v: 15, f: 'whatever we want'}] // add whatever we want
];
dataTable.addRows(rows);
chart.draw(dataTable);
}<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
KendoUI堆叠条形图自定义工具提示
- 2
自定义条形图的不同工具提示
- 3
Google Material Chart柱形图（条形图）自定义列颜色不起作用
- 4
Google Material Chart柱形图（条形图）自定义列颜色不起作用
- 5
chart.js条形图上的自定义工具提示
- 6
自定义工具提示名称饼图
- 7
Chart.js：显示自定义工具提示，在堆叠的条形图中始终可见
- 8
Asgallant的带有仪表板的Google气泡图的自定义工具提示代码
- 9
Android自定义工具栏onOptionsItemSelected不起作用
- 10
将CKEditor specialchar插件插入自定义工具栏不起作用
- 11
match_parent在自定义工具栏中不起作用
- 12
JavaScript自定义工具提示
- 13
jqvMap自定义工具提示
- 14
自定义样式的Google条形图
- 15
莫里斯图。悬停时有自定义工具提示
- 16
如何使用热图顶点图中的数组值设置自定义工具提示？
- 17
Java JFreeChart：自定义工具提示屏幕位置
- 18
rCharts NVD3自定义工具提示
- 19
Highcharts angular.js自定义工具提示
- 20
Highcharts多个系列的自定义工具提示
- 21
在Highcharts.js中自定义工具提示？
- 22
Syncfusion JS图表自定义工具提示
- 23
iOS版swiftUI中的自定义工具提示
- 24
使用Bootstrap 5创建自定义工具提示
- 25
Java JFreeChart：自定义工具提示屏幕位置
- 26
rCharts NVD3自定义工具提示
- 27
Syncfusion JS图表自定义工具提示
- 28
Flot自定义工具提示插件
- 29
Highcharts angular.js自定义工具提示
我来说两句