隐藏Google图表中的图例可以通过在图表的选项中设置相应的属性来实现。以下是一个简单的示例,展示了如何在Google图表中隐藏图例:
// 加载 Google 图表库
google.charts.load('current', {'packages':['corechart']});
// 设置回调函数,在图表加载完成后执行
google.charts.setOnLoadCallback(drawChart);
// 绘制图表
function drawChart() {
// 创建数据表
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 8],
['Eat', 2],
['TV', 4],
['Gym', 2],
['Sleep', 8]
]);
// 定义图表选项
var options = {
title: 'My Daily Activities',
legend: {
position: 'none' // 设置图例位置为“none”以隐藏图例
}
};
// 创建图表实例
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
// 绘制图表
chart.draw(data, options);
}
在这个示例中,我们设置了legend.position
属性为'none'
,以隐藏图例。您可以根据需要调整其他选项以满足您的需求。
领取专属 10元无门槛券
手把手带您无忧上云