html D3：render，.selectAll，.data，.append，selector.text：渲染文本元素，然后替换元素

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html D3：render，.selectAll，.data，.append，selector.text：渲染文本元素，然后替换元素相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
  <head>
    <meta name="description" content="D3byEX 2.15">
  </head>
  <body>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <button onclick='render([5, 15]);'>Update Elements</button>
    <script>
      render([10, 20, 30]);
      function render(dataToRender) {
        var selector = d3.select('body')
          .selectAll('li')
          .data(dataToRender);
        var entering = selector.enter();
        entering.append('li')
          .text(function (d) { return d; });
        selector.text(function (d) { return d; });
      }
    </script>
  </body>
</html>

以上是关于html D3：render，.selectAll，.data，.append，selector.text：渲染文本元素，然后替换元素的主要内容，如果未能解决你的问题，请参考以下文章

html D3：选择器，d3.select，.selectAll，.data：向DOM元素添加数据

html D3：d3.selectAll，。style：替代背景颜色并逐渐增加列表元素的宽度

D3：在selectAll中获取元素属性

D3的简单语法

选择 null：D3 中 selectAll(null) 背后的原因是啥？

d3.js 补间文本动画在 selectAll 与数据后不起作用