Google 条形图工具提示无尾

Question

我正在使用 google 条形图，并在其中添加了带有 html 的工具提示。问题是工具提示没有尾箭头的东西。我看到有些图表有箭头，有些没有？

函数 drawFrequencyCharts（响应）{

var data2 = new google.visualization.DataTable();
data2.addColumn('number', 'Value');
data2.addColumn('number', 'Value');
data2.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});

.... some 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);

Answer 1

"tail" 的问题在于您使用的是 tooltip:{isHtml:true}。它们没有显示在提示中，只是一个普通的 "box" 漂浮在您的图表上方。

如果您撤销 "normal" 工具提示，您将看到 'tail'。

JSFiddle 哪里可以看出区别。

Google 条形图工具提示无尾

Google barchart tooltip no tail

charts

google-visualization