Question

我试图用谷歌可视化气泡动态图表（参考here）填充我的数据。我创建了一个动态Web项目，在WebContent文件夹中添加了Chart.html文件。将项目导出为.war文件。我已将相同的.war文件部署到Apache Tomcat。现在，图表正在运行，但直到可视化结束时，所有气泡都不会受到影响。一旦他们停止移动，他们就会消失。只剩下最后一个气泡，直到可视化结束。

这是我用过的脚本 -

<script type="text/javascript">
  google.load("visualization", "1", {packages:["motionchart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Product'); 
      data.addColumn('date', 'Date'); 
       data.addColumn('number', 'Days'); 
    data.addRows([
                  ['Cards',new Date (1989,0,1), 120] ,
                  ['Home Loan', new Date (1990,1,1), 67],
                  ['Personal Loan', new Date (1991,2,1), 89] 
                ]);


    var chart = new google.visualization.MotionChart(document.getElementById('chart_div'));

    chart.draw(data, {width: 1200, height:600});

  }
</script>

有人可以帮我解决这个问题吗？

Answer 1

最后我得到了解决方案！问题出在data.addRows（）中的Date对象中。我把它改成了 -

data.addRows([
['Cards',new Date (1989,0,1), 120],
['Home Loan', new Date (1990,1,1), 67],
['Personal Loan', new Date (1991,2,1), 89],
['Cards',new Date (1995,0,1), 200],
['Home Loan', new Date (1995,0,1), 87],
['Personal Loan', new Date (1995,0,1), 140]  ]);

我们在行中插入的数据，最后所有实体的结束日期应该相同[new Date（1995,0,1）]。

直到可视化结束时，气泡才能承受 - Google Motion Bubble Chart

1 个答案: