Google visualization 向瀑布式谷歌图表添加工具提示
我正在使用谷歌图表创建一个瀑布图,并试图显示一个工具提示(不是默认的)。它可以在列图中找到 我试图避免使用createCustomHTMLContent。有没有办法在不创建自定义HTML内容的情况下执行此操作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,
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'));
图表绘制(数据、选项);
}