Dygraph多个图-打开和关闭它们

Dygraph multiple plots - turn them on and off


Dygraph多个图-打开和关闭它们 已获得1个解决方法 2020-08-18 18:08:11 javascript

我正在考虑基于dygraph的HTML5应用程序的实现,该应用程序显示多个图,例如以下应用程序: http://www.triplespark.net/elec/pdev/cpld/ise-pfsim/ise-screen-sim-result.png

我想知道有人对dygraph的多个情节有一些经验的人对其实现的看法.在上面的链接中可见,图应该被粘在另一个上面,图应该是可移动的 (通过复选框),并且只能水平调整大小 (放大和缩小).

我基本上可以看到两种方式:

1) 按照这里的建议,画一个像这样的大图:

http://www.boost.org/doc/libs/1_39_0/libs/smart_ptr/shared_ptr.htm

2) 在不同的div中绘制多个图 (我最喜欢的选项),并保持同步,如下所示:

http://www.boost.org/doc/libs/1_39_0/libs/smart_ptr/shared_ptr.htm

请注意:

1) 当添加或消除一个图时,我不想重新绘制所有图.

2) 图可以有很多点 (>1M点)

我的第二个问题是关于情节的类型.我想知道是否有人可以看到如何给我有关data_bus[0:7] 的 “可折叠” 图的实现的提示

任何建议都很好.我知道这个问题是通用的,我计划用最后一个例子来扩展这个问题,它将显示这个问题的解决方案.

关于法布里齐奥


Dygraph多个图-打开和关闭它们 方法1

这就是我所做的.不是最优雅的,而是应该做的工作.

‹script›
data= [
      [new Date('2014/09/26 05:33 UTC'),1, 5],
      [new Date('2014/09/26 05:34 UTC'),2, 6],
      [new Date('2014/09/26 05:35 UTC'),3, 7],
      [new Date('2014/09/26 05:36 UTC'),4, 8]];
function plot(){
  var x=[0,0];
  if(document.opt.normal.checked==true)
  {
    x[0]=1;
  }
  if(document.opt.mean.checked==true)
  {
    x[1]=1;
  }
  var temp=[];
  for(var i=0;i‹data.length;i++)
  {
     temp.push([data[i][0]]);
     if(x[0]==1) temp[i].push(data[i][1]);
     if(x[1]==1) temp[i].push(data[i][1]);
  }
  g= new Dygraph(document.getElementById('chartarea'),temp);
}

‹/script›
‹body onload="plot();"›
    ‹div id="chartarea"›‹/div›
    ‹form name="opt" action="#"x›
        ‹input type="checkbox" name="normal" onclick="plot();" checked/›‹span›y1‹/span›
        ‹br›‹input type="checkbox" name="mean" onclick="plot();"/›‹span›y2‹/span›
‹/body›

编辑: 刚刚发现: dygraph setVisibility方法可用于避免为每个切换重新创建dygraph.


.htaccess .net .net-core 2d 3d 3d-printing ab-initio abp abstract-syntax-tree actions-on-google actionscript-3 active-directory activemq activemq-artemis acumatica adobe-xd aframe ag-grid agora.io air airflow ajax akka alert alexa algorithm alignment allure amadeus amazon-cloudformation