按序列名称设置动态图的初始列可见性

Setting dygraphs initial column visibility by series name

本文关键字：可见性 动态 设置 按序      更新时间：2023-09-26

我正试图通过列名设置一些dygraph数据系列的初始可见性。

这是因为数据来自一个CSV文件，其中的列可能会出现或消失，但我知道有几列我想默认禁用，但我不知道它们可能是什么列号（只是名称）。

我是javascript的新手，所以答案可能很简单。我正在努力做到这一点：

<script type="text/javascript">
    g = new Dygraph(
        document.getElementById("graphdiv"),  // containing div
        "last/test.csv",
        {
            connectSeparatedPoints: true,
            includeZero: true
        }
    );
    g.setVisibility(g.indexFromSetName("writer_write_start") - 1, 0);
</script>

但这给了我一个错误。如果我从javascript控制台或onclick事件中运行setVisibility命令，它可以正常工作。我怀疑这与当我尝试运行引用CSV文件中数据的方法时Dygraph没有完全加载有关，我需要在Dygraph完全加载后以其他方式运行它。

以CSV文件的路径作为其数据参数调用new Dygraph时，调用是异步的。所以你的怀疑是正确的——当你打电话给g.indexFromSetName("writer_write_start")时，得到你想要的答案所需的数据还不可用。

处理此问题的最佳方法是将setVisibility代码移动到初始drawCallback中，如下所示：

<script type="text/javascript">
    g = new Dygraph(
        document.getElementById("graphdiv"),  // containing div
        "last/test.csv",
        {
            connectSeparatedPoints: true,
            includeZero: true,
            drawCallback: function(dg, is_initial) {
                if (!is_initial) return;
                dg.setVisibility(dg.indexFromSetName("writer_write_start") - 1, 0);
            }
        }
    );
</script>
相关文章：