Charts 谷歌条形图工具提示无尾
我使用谷歌条形图,并在其中添加了带有html的工具提示。问题是工具提示没有尾部箭头。我看到一些图表有箭头,而其他图表没有 功能图频率图(响应){ ……一些代码 “tail”的问题是您使用的是Charts 谷歌条形图工具提示无尾,charts,google-visualization,Charts,Google Visualization,我使用谷歌条形图,并在其中添加了带有html的工具提示。问题是工具提示没有尾部箭头。我看到一些图表有箭头,而其他图表没有 功能图频率图(响应){ ……一些代码 “tail”的问题是您使用的是工具提示:{isHtml:true}。它们不会与提示一起显示,只是一个普通的“框”漂浮在图表上方 如果撤销为“正常”工具提示,则会看到“尾部” 您可以从中看到差异。有没有办法在工具提示中同时包含尾部和可自定义的HTML? var data2 = new google.visualization.DataTab
工具提示:{isHtml:true}
。它们不会与提示一起显示,只是一个普通的“框”漂浮在图表上方
如果撤销为“正常”工具提示,则会看到“尾部”
您可以从中看到差异。有没有办法在工具提示中同时包含尾部和可自定义的HTML?
var data2 = new google.visualization.DataTable();
data2.addColumn('number', 'Value');
data2.addColumn('number', 'Value');
data2.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
var view = new google.visualization.DataView(data2);
var chart2 = new google.visualization.ComboChart(document.getElementById('barChart'));
var options2 = {
height: 300,
width: 500,
series: {
0: {
type: 'bars'
},
1: {
type: 'line',
color: 'grey',
lineWidth: 0,
pointSize: 0,
visibleInLegend: false
}
},
colors: ['#3394D1'],
backgroundColor: {
fill: 'transparent'
},
legend: 'none',
vAxis: {
maxValue: 100,
minValue: 0,
ticks: [{
v: 0,
f: '0%'
}, {
v: 25,
f: '25%'
}, {
v: 50,
f: '50%'
}, {
v: 75,
f: '75%'
}, {
v: 100,
f: '100%'
}, ]
},
hAxis: {
format: '#',
viewWindowMode: 'explicit',
viewWindow: {
min: 0.1
},
title: 'Drops per day',
gridlines: {
color: 'transparent'
},
ticks: ticksValues
},
animation: {
duration: 750,
easing: 'linear',
startup: chartAnimate
}
};
chart2.draw(view, options2);