Javascript 如何更改文本';无数据';在谷歌饼图中
如果我为图表绑定传递空数据,它会显示“无数据”,我需要将文本“无数据”更改为其他单词Javascript 如何更改文本';无数据';在谷歌饼图中,javascript,jquery,google-visualization,Javascript,Jquery,Google Visualization,如果我为图表绑定传递空数据,它会显示“无数据”,我需要将文本“无数据”更改为其他单词 google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Task', 'Hours per
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day']
]);
var options = {
title: 'My Daily Activities'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
您可以手动执行此操作:
if(data.getNumberOfRows() == 0){
$("#piechart").append("Sorry, not info available")
}else{
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
正如juvian所说,插件中有
data.getNuberOfRows()
,因此如果你对jquery很在行,你甚至可以用一个图像来替换“$(“#piechart”)。附加(“对不起,没有可用信息”)
”
if (data.getNumberOfRows() == 0) {
$("#someimage").attr("src","url-to-image");//Or any jquery dom manipulation here
} else {
var chart = new
google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
您可以在绘制图表后替换SVG中的文本
chart.draw(data, options);
if (data.getNumberOfRows() == 0) {
$("#piechart").find("svg text").text("Your text")
}
图表插件本身有任何选项吗?没有,但data.getNumberOfRows()来自插件