如何更改谷歌餅圖中的文本“無數據”

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