Google visualization 在图表上显示数据而不是工具提示
使用谷歌饼图Google visualization 在图表上显示数据而不是工具提示,google-visualization,Google Visualization,使用谷歌饼图 如何在图表中显示“每天小时数”。现在它显示在工具提示鼠标上方。例如,Eat上的鼠标悬停将显示2。当我保存/打印图表时,我无法获取这些项目。如何在图表上显示此内容?通过文本可以更改每个切片上显示的内容 要获取行的值,请使用… text:“值” 此外,如果图表不够大,它将忽略标签 有几种方法可以调整图表的大小 您可以设置div容器的样式, 或者在选项中设置高度和宽度 此外,谷歌建议等待图表的'ready'事件, 在调用任何方法之前,包括 请参阅以下工作片段 google.chart
如何在图表中显示“每天小时数”。现在它显示在工具提示鼠标上方。例如,Eat上的鼠标悬停将显示2。当我保存/打印图表时,我无法获取这些项目。如何在图表上显示此内容?通过
文本
可以更改每个切片上显示的内容
要获取行的值,请使用…text:“值”
此外,如果图表不够大,它将忽略标签
有几种方法可以调整图表的大小您可以设置
div
容器的样式,或者在选项中设置高度和宽度 此外,谷歌建议等待图表的
'ready'
事件,在调用任何方法之前,包括 请参阅以下工作片段
google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
[“任务”,“每天工作小时数”],
[Work',20],
[Eat',2],
[‘通勤’,2],
[“看电视”,2]
]);
变量选项={
身高:400,
图例:{
位置:'标记',
文本样式:{
颜色:“蓝色”
}
},
文本:“值”,
标题:“我的日常活动”,
宽度:800
};
var chart=new google.visualization.PieChart(document.getElementById('chart_div');
google.visualization.events.addListener(图表'ready',函数(){
document.getElementById('image_div')。innerHTML='';
});
图表绘制(数据、选项);
},
软件包:['corechart']
});代码>
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 20],
['Eat', 2],
['Commute', 2],
['Watch TV', 2]
]);