D3.js数据函数

!DOCTYPE htmlhtmlheadscript type = text/javascript src = https://d3js.org/d3.v4.min.js/script

编程学习网为您整理以下代码实例,主要实现:D3.js数据函数,希望可以帮到各位朋友。

<!DOCTYPE HTML>
<HTML>
   <head>
      <script type = "text/JavaScript" src = "https://d3Js.org/d3.v4.min.Js"></script>
      <style>
         body { Font-family: Arial; }
      </style>
   </head>

   <body>
      <p></p>
      <p></p>
      <p></p>
      <script>
         var data = [1, 2, 3];
         var paragraph = d3.select("body")
         .selectAll("p")
         .data(data)
         .text(function (d, i) {
            console.log("d: " + d);
            console.log("i: " + i);
            console.log("this: " + this);
            return "The index is " + i + " and the data is " + d;
         });
      </script>
   </body>
</HTML>
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

本文给大家介绍Javascript js中实现和PHP一样的时间戳格式化函数的方法,具有一定的参考借鉴价值,需要的朋友可以参考下,我们知道在php中有一个date()函数,可以方便的把时间戳格式化为时间字符串。可是在js中,我们要想实现这种效果,要写好
javascript中Replace全部替换字符用法实例代码,替换1次和多次,主要是正则表达式 var r= "1\n2\n3\n";//将字母\n替换成分号alert(r.replace("\n",";"));//结果:1;2\n3\n 只替换了第一个var r= "1\n2\n3\n";//将字母\n替换成分号alert(r.replace(/\n/g, ";"));//结果:1;2;3; replac
JS获取当前时间(年月日时分秒)的实例代码,详细代码如下: p id="time"/pscriptvar time = document.getElementById("time") function show() {let date = new Date();let year = date.getFullYear(); //获取当前年份let mon = date.getMonth() + 1; //获取当前月份let da = date.getDate(); //获取当
js输出当前日期和时间的实例代码,具体实例代码如下,有兴趣的朋友可以尝试运行下。 !doctype htmlhtml lang="en" head meta charset="UTF-8" title获取当前时间/title /head body script type="text/javascript" /** *获取当前时间 *format=1精确到天 *format=2精确到秒 */ function
Refresh page and run function after - JavaScript(刷新页面并在之后运行函数-JavaScript)
Why quot;continuequot; function in loop throws error when (k+1) is used as k (variable) value?(当(k+1)用作k(变量)值时,为什么循环中的CONTINUEQOOT;函数抛出错误?)