在同一页面上显示两个图形

Question

我想在不同日期的同一页面中绘制两张图。但是当第3天到来时，它应显示最后两天的图表（表示第一天图表不会显示，只有第2天和第3天），如队列流程。我无法弄清楚如何每天移动图表。我与oracle 10g有数据库连接。

更新数据库后，它应如下所示 -

这是我的代码=＆gt;

的test.html

{{1}}

请帮忙。

Answer 1

每天都可以隐藏或删除顶部的container-div，并在底部插入一个新的container-div。然后你只需绘制一张新图表。

这是一个有效的演示（fiddle）：

$(function() {

  function getNewData() {
    var temp = [];
    for (var i = 0; i <= 10; i++) {
      temp.push([i, Math.random()]);
    }
    return temp;
  }

  $.plot("div.placeholder:first", [getNewData()]);
  $.plot("div.placeholder:last", [getNewData()]);

  function newChart() {
    $('div.placeholder:visible:first').hide();
    $('div.placeholder:last').after($('<div>').addClass('placeholder'));
    $.plot("div.placeholder:last", [getNewData()]);
  }

  $('#btn').on('click', newChart);
});