javascript - 谷歌绘制没有数据的饼图

标签 javascript php charts google-visualization

我正在尝试在我的民意调查网站中使用 Google 图表。一切正常,直到我没有投票可显示(例如,没有人回答问题)。该图表甚至没有出现,正如您在此示例中所看到的:http://jsfiddle.net/au9prxsg/3/

google.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     0],
      ['Eat',      0],
      ['Commute',  0],
      ['Watch TV', 0],
      ['Sleep',    0]
    ]);

    var options = {
      title: 'My Daily Activities',
         sliceVisibilityThreshold: 0
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }

enter image description here

我什至设置了属性 sliceVisibilityThreshold: 0。 是否可以制作包含任何数据的饼图?

最佳答案

改变视角

var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     0],
          ['Eat',      0],
          ['Commute',  0],
          ['Watch TV', 0],
          ['Sleep',    0],
          ['No activities or no response',    24]
        ]);

var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work no response',     4.8],
          ['Eat no response',     4.8],
          ['Commute no response',     4.8],
          ['Watch TV no response',     4.8],
          ['Sleep no response',     4.8]
        ]);

关于javascript - 谷歌绘制没有数据的饼图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27228750/

相关文章:

Excel图表: Ordering by values (automatically)

Javascript:如何更新仪表图表的最大值?

javascript - 将绝对定位的 div 彼此移开

javascript - Devbridge 自动完成,没有结果

javascript - 如何解决升级陀螺仪时出现 "incomplete keychange"错误

jquery - Phonegap + jQuery Mobile + 股票/折线图

javascript - 在 jqxGrid 中,如何从 JSON 数据添加新的计算列?

php - 将生成器分成 block 的最佳方法

php - 如何选择字段的默认值

java - JFreeChart 条形图中缺少一个条形