D3使用方式
1、D3使用到的数据格式
如何获取JSON数据
      在D3中有专门获取JSON文件的方法：
   
svg canvas        在此个人并不是很推荐这种方法。因为实际上这是一种基于AJAX通信的方法，意味着你必须将JSON文件首先上传至服务器端。这对于前期的学习而言，并不方便。 换言之，我们有更加实用的方法——直接加载javascript文件。 首先我们可以创建一个JS文件:
 
    我们将其取名为jsondata.js。然后我们在前端网页加载此js文件
    此时js文件中的data是全局变量。在新的javascript标签中，我们不妨验证一下
2、从最基本的D3语句开始
在D3中，selection是一个重要的概念。（至于selection如何翻译，仁者见仁）说得通俗一点，我们想将数据放置在某个元素内进行操作，离不开对元素的选择。这样，我们通过对基本网页端元素的操作，来完成最基本的数据可视化的实现。 不妨先让我们的JSON数据更加丰富一点：
接下来，我们正式开始使用D3语句了。在script标签下中，我们定义一个名为show的方法，形参来自全局变量data（上一节提到过）
在D3中，这种名为“cascade”(或者直译为瀑布流)式的代码风格是典型而普遍存在的。瀑布流中的每一行的方法，都选定了某一个selection，以便我们进行下一行的操作。
d3.select("body")我们选择了body这个元素标签;
.append("ul")然后我们在body中添加ul标签。但注意，此时我们的selection不再是body，而是ul。 从.selectAll("li")开始，似乎就有点必须走形式主义的意思了。在此，我们选择了
一组实际上并不存在的li标签。看的出来，这组li才是真正要在其中进行数据操作的标签。然后实际上我们的selection是空的，你可以理解为一个后台的数组，随时准备着接收来自json的数据。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。