javascript - Dygraph的drawCallback中 "is_initial"何时为真？-6ren

javascript - Dygraph的drawCallback中 "is_initial"何时为真？

转载作者：行者123 更新时间：2023-11-28 01:31:26

25

4

当我提供数据源的文件 URL 时，我有一个 Dygraphs 图表，它可以完美地工作。然而，当我将数据直接嵌入到 HTML 包装器中时，drawCallback 中的函数不会触发。用Firebug跟踪，我发现is_initial是 True当我加载带有 URL 引用的页面时，但是 False当我以 native 格式嵌入数据(和标签)时，即使我放置 onLoad="drawCallback(vGraph,True);" <body>内标签。我通过设置自己的变量来测试首次执行来“解决”了这个问题。

这是外部数据源的原始功能代码:

var vGraph = new Dygraph(document.getElementById("dgraphChartContainer"),
ExternalDataSource.csv,
{  //options
   connectSeparatedPoints: true,
   labelsDiv: "dygraphLabelsContainer",
   ...
   }
);

vGraph.updateOptions({
   highlightCallback: function(event, xdate, points_array, rowNumber, seriesName) {
   ...
   },
   unhighlightCallback: function(event) {
   ...
   },
   drawCallback: function(g, is_initial) {
      if (!is_initial) return;
      buildTagList(vGraph.getLabels());
      mySeriesColors = vGraph.getColors();
      buildStyleDefinitions();
   }
});

正如我所说，即使对于盲人来说，这也很有效 g drawCallback 中的参数。

这是我在嵌入数据源时针对该场景开发的解决方法。

var vFirstTime = true;
var vGraph = new Dygraph(document.getElementById("dgraphChartContainer"),
[
[ new Date("2011/10/15 00:04:55"),null,null,-9.2,null,null,null,null,null,null],
[ new Date("2011/10/24 10:39:32"),null,null,null,null,null,-9.2,null,null,null],
...
[ new Date("2011/10/25 21:02:30"),null,null,null,null,null,null,null,20.3,null],
[ new Date("2013/10/28 08:49:52"),null,null,-17.9,null,null,null,null,null,null]
],
{  //options
   labels: ["Event_Date","code-32565","code-32566","code-32568","code-32569","code-32573","code-32574","code-32575","code-32577","code-32578"],
   connectSeparatedPoints: true,
   labelsDiv: "dygraphLabelsContainer",
   ...
   }
);

vGraph.updateOptions({
   highlightCallback: function(event, xdate, points_array, rowNumber, seriesName) {
   ...
   },
   unhighlightCallback: function(event) {
   ...
   },
   // drawCallback: function(g, is_initial) {
   // if (!is_initial) return;
   drawCallback: function() {
      if (!vFirstTime) return;
      buildTagList(vGraph.getLabels());
      mySeriesColors = vGraph.getColors();
      buildStyleDefinitions();
      vFirstTime=false;
   }
});

我可以做些什么来使用 is_initial在我的drawCallback无论数据源如何调用？

最佳答案

如果您将回调移至构造函数中，您的第一个示例将起作用:

var vGraph = new Dygraph(document.getElementById("dgraphChartContainer"),
ExternalDataSource.csv,
{  //options
   connectSeparatedPoints: true,
   labelsDiv: "dygraphLabelsContainer",
   highlightCallback: function(event, xdate, points_array, rowNumber, seriesName) {
   ...
   },
   unhighlightCallback: function(event) {
   ...
   },
   drawCallback: function(g, is_initial) {
      if (!is_initial) return;
      buildTagList(vGraph.getLabels());
      mySeriesColors = vGraph.getColors();
      buildStyleDefinitions();
   },
   ...
});

那么，这是怎么回事？

第一次绘制图表时，drawCallback 会通过 is_initial = true 触发。在您的原始代码中，这发生在数据的 XMLHttpRequest 返回之后。

操作顺序为:

构造函数
更新选项
drawCallback(is_initial=true)

当您内联数据时，dygraphs 不需要等待 XHR 返回。现在，操作顺序是:

构造函数
drawCallback(is_initial=true)
更新选项
drawCallback(is_initial=false)

第二个drawCallback发生是因为您调用了updateOptions()。因此，drawCallback 会因 is_initial = true 被触发，只是您没有尽早监听它。

dygraphs 提供 .ready()方法让您避免所有这些复杂的事情。您可能会更高兴使用它:

var vGraph = new Dygraph( ... );
vGraph.ready(function() {
  buildTagList(vGraph.getLabels());
  mySeriesColors = vGraph.getColors();
  buildStyleDefinitions();
});

关于javascript - Dygraph的drawCallback中 "is_initial"何时为真？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22076253/

25

4

0

文章推荐： javascript - Google Map API V3 无法在 polymer 元素内部工作

文章推荐： python - 从给定内容开始的 HTML 表格单元格内容的 XPath

文章推荐： Javascript 片段不起作用(缺少库？)

文章推荐： c++ - C++ 中的字符指针

python - 真 = 假 == 真
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicate: Why can't Python handle true/false values as I expect?
ruby - 真&&真==假吗？
我是不是遗漏了什么或者这是 ruby 中的错误？ a = %w(foo bar baz) a.include? "foo" # => true a.size == 3
模型评估=真
从 Modelica 文档来看，注释 Evaluate 似乎只对参数有影响: https://build.openmodelica.org/Documentation/ModelicaReferenc
coldfusion - 在冷融合中使用动态案例切换(真)？
为了避免嵌套的 if 语句并提高可读性，我想创建一个switch(true){ ... } Coldfusion 中的声明。我在 php 中经常使用这个，但是当我在 Coldfusion 中尝试这个时
javascript 开关(真)
嗨，我正在尝试处理 ajax json 响应这是我的代码 success: function (j) { switch(true) { case (j.cho
地形:计数 == 真
我之前在我的 TF 代码中使用过这个: count = "${var.whatever == "true" ? 1 : 0}" 这非常适合我想要使用的东西。但是，我正在考虑如何最好地使用类似于说的
地形:计数 == 真
我之前在我的 TF 代码中使用过这个: count = "${var.whatever == "true" ? 1 : 0}" 这非常适合我想要使用的东西。但是，我正在考虑如何最好地使用类似于说的
MYSQL - 真/假动态数据透视表
这个问题在这里已经有了答案: How can I return pivot table output in MySQL? (10 个答案) 关闭 5 年前。我正在尝试构建一个以唯一列值作为列名的表
Java - 设置可见(真)
我制作了一个简单的 JDialog，其中包含一个标签和一个按钮，它基本上相当于信息对话框。所以在对话框中，有一个方法 display() 我在其中调用了 setVisible(true) 五次。据我
bash 真/假重定向错误
在 bash 4.2.8(1)-release (x86_64-pc-linux-gnu) 在 Ubuntu 11.04 上这个命令 [ $(wc -l /var/www/some.log|cut -
c - 用信号停止一段时间(真)
我正在使用 c 语言进行并发处理，我有一个进程池。为此，我让每个 child 都在一个 While (True) 循环中。为了杀死 child ，我正在使用一个全局变量和一个信号处理程序来修改它来打破
mysql - 从哪里选择 = 真
我正在尝试选择填写了字段的数据库条目。数据库有两种插入数据的方式，一种输入评论，一种不输入，我希望只选择填写了评论的行。 $requete = "SELECT * FROM daysoff WHER
JavaMail setDebug(真)
如何在 JavaMail session 中setDebug(true) 捕获流并在我的日志记录框架中使用它？ (缺少下载源代码，更改接受流作为参数的方法，重新编译它，...) 更一般地说，Java
Javascript 真/假函数
我是 JavaScript 的新手，我刚刚发现了我无法理解的奇怪行为: var magicVar = Math.sin; magicVar == true; // it returns false m
MySQL - 真/假查询在两台服务器上返回不同
对此感到困惑。在两台服务器上运行相同版本的 MySQL。 (从完全相同的 rpm 构建)- 沿线的某个地方，一些开发人员改变了一些东西...... 服务器 1: mysql> select ( no
具有常量(真)值的条件运算符？
我在查看 OpenSSL 中使用的一些预处理器宏时，从 crypto/stack/safestack.h 中发现了以下内容: #define CHECKED_STACK_OF(type, p) \
Ruby，真/假正则表达式
所以我遇到了一个问题，我的正则表达式看起来像这样:/true|false/。当我检查单词 falsee 时，我从这个正则表达式中得到一个 true，有没有办法将它限制为确切的 true 或 fals
javascript - 变量未定义=真；
我正在对这个恶意 JavaScript 行进行一些试验:var undefined = true; JavaScript 中每个未初始化的变量都有 undefined 的值，这只是一个保存特殊值 'u
php - 微时间的十进制长度(真)？
我想将 PHP 的微时间存储为我在 MySQL 中的时间戳。我去过told最好用 DECIMAL 存储它，但我找不到理想的大小。有谁知道 microtime(true) 返回的最大大小是多少，所以
php - 获取变量中的“真”
在 PHP 中，当您在 URL 中包含诸如“var=true”之类的内容时，URL 中的“true”和“false”是否被转换为 boolean 变量，或者它们是否等于文本“true”还是“假”？例如

首页

博学

6Ren·AI

商城

javascript - Dygraph的drawCallback中 "is_initial"何时为真？