charts - Google barchart tooltip no tail -
im using google barchart , added tooltips html in it. problem tooltip not have tail arrow thing. saw charts has arrow while others dont?
function drawfrequencycharts(response) {
var data2 = new google.visualization.datatable(); data2.addcolumn('number', 'value'); data2.addcolumn('number', 'value'); data2.addcolumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
.... code
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);
the problem "tail" you're using tooltip:{ishtml:true}
. not shown tip, ordinary "box" floating above chart.
if revoke "normal" tooltip, you'll see 'tail'.
jsfiddle can see difference.
Comments
Post a Comment