Google visualization 向瀑布式谷歌图表添加工具提示

Google visualization 向瀑布式谷歌图表添加工具提示,google-visualization,Google Visualization,我正在使用谷歌图表创建一个瀑布图,并试图显示一个工具提示(不是默认的)。它可以在列图中找到 我试图避免使用createCustomHTMLContent。有没有办法在不创建自定义HTML内容的情况下执行此操作 var data = google.visualization.arrayToDataTable([ ['Sales 1', 0, 0, 38000, 38000, 'Tool Tip 1'], ['Sales 2', 38000,

我正在使用谷歌图表创建一个瀑布图,并试图显示一个工具提示(不是默认的)。它可以在列图中找到

我试图避免使用createCustomHTMLContent。有没有办法在不创建自定义HTML内容的情况下执行此操作

        var data = google.visualization.arrayToDataTable([
          ['Sales 1', 0, 0, 38000, 38000, 'Tool Tip 1'],
          ['Sales 2', 38000, 38000, 55000, 55000, 'Tool Tip 2'],
          ['Sales 3', 55000, 55000, 77000, 77000, 'Tool Tip 3'],
          ['Exp 1', 77000, 77000, 66000, 66000, 'Tool Tip 4'],
          ['Exp 2', 66000, 66000, 22000, 22000, 'Tool Tip 5'],
          ['Profit', 0, 0, 22000, 22000, 'Tool Tip 6']
        ], true);

        var options = {
        legend: 'none',
            bar: { groupWidth: '100%' },
        title: title,
        candlestick: {
            fallingColor: { strokeWidth: 0, fill: '#a52714' }, // red
            risingColor: { strokeWidth: 0, fill: '#0f9d58' }   // green
        }};

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

工具提示列需要这样定义。
{type:'string',role:'tooltip'}

无法从
arrayToDataTable
中定义它

在这里,列在新的DataTable中定义,随后添加行

google.charts.load('current'{
回调:drawVisualization,
软件包:['corechart']
});
函数drawVisualization(){
var数据行=[
[‘销售1’、0、0、38000、38000,‘工具提示1’],
[‘销售2’、38000、38000、55000、55000,‘工具提示2’],
['Sales 3',55000,55000,77000,77000,'工具提示3'],
['Exp 1',77000,77000,66000,66000,'Tool Tip 4'],
['Exp 2',66000,66000,22000,22000,'工具提示5'],
[“利润”,0,0,22000,22000,“工具提示6']
];
var data=new google.visualization.DataTable({
科尔斯:[
{id:'Category',type:'string'},
{id:'Min',键入:'number'},
{id:'Initial',type:'number'},
{id:'Final',键入:'number'},
{id:'Max',键入:'number'},
{id:'Tooltip',类型:'string',角色:'Tooltip'}
]
});
data.addRows(dataRows);
变量选项={
图例:“无”,
条:{groupWidth:'100%},
标题:“标题”,
烛台:{
fallingColor:{strokeWidth:0,填充:'#a52714'},//红色
risingColor:{strokeWidth:0,填充:'#0f9d58'}//绿色
}};
var chart=new google.visualization.CandlestickChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}