如何更改文字＆＃39;没有数据＆＃39;在谷歌饼图中

Question

如果我为图表绑定传递空数据，则显示“无数据”我需要将文本“无数据”更改为其他单词。

  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);
  }

Answer 1

您可以手动执行此操作：

if(data.getNumberOfRows() == 0){
    $("#piechart").append("Sorry, not info available")
}else{
    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);        
}

Answer 2

正如juvian所说的data.getNuberOfRows()在插件中，因此如果您对jquery满意，甚至可以用图片替换“ $("#piechart").append("Sorry, not info available")”

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);        
}

Answer 3

您可以在绘制图表后替换 SVG 中的文本

chart.draw(data, options);
if (data.getNumberOfRows() == 0) {
    $("#piechart").find("svg text").text("Your text")
}