如何把文本数据与d3.js

How to put text data with d3.js

本文关键字：d3 js 数据 文本      更新时间：2023-09-26

我做错了什么?x.innerHTML作为结果是未定义的。

我怎么能把文本，由d3返回。Json in x?谢谢。

        <tr>
            <td>1</td>
            <td id = "val">0.087</td>
            <td>0.23</td>
            <td>0.3</td>
        </tr>
    </table>
    <script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8">
    </script>
    <script type="text/javascript">
        var x = d3.select("#val");
        setInterval(function() {
            d3.json("./cgi-bin/script1.sh", function(error, text){
                if (error) return console.warn(error);
                console.debug(text.date);
                x.innerHTML = text.date;
            })
        }, 1000);
    </script>
</body>

你的x不是一个本地dom元素，它是一个由d3包装的dom元素，因此不具有。innerhtml属性。

可以使用d3方法:

x.html(text.date)

或者获取原始节点并使用innerHTML

x.node().innerHTML = text.date
相关文章：