javascript - d3示例不适用于html页面

标签 javascript jquery html d3.js error-handling

我正在尝试在 html 页面上创建此d3视觉对象

但是在html页面上,它显示为null!

http://jsfiddle.net/simonraper/f8R3M/?utm_source=website&utm_medium=embed&utm_campaign=f8R3M

我把所有代码都和示例一样-

这是我一开始的代码-

<html>
   <head>

     <script src='http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js'></script>
      <script src='Chart.min.js'></script>
      <script src="https://d3js.org/d3-selection.v1.min.js"></script>

   </head>


<script type="application/json" id="mis">

其余都是示例中的确切副本!

我相信 fiddle 的javascript部分提到了 d3 应该在加载时加载,我不知道如何在html页面上做到这一点...

任何人都可以通过 html 文件解决此问题!

最佳答案

重新排序脚本

您必须在 Chart.min.js 之前加载 d3js-lib

<!DOCTYPE html>
<html>
  <head>
    <script src='http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js'></script>
    <script src="https://d3js.org/d3-selection.v1.min.js">    </script>
    <script type="application/json" id="mis">

    <script src='Chart.min.js'></script>
  </head>
  <body>
  </body>
</html>

关于javascript - d3示例不适用于html页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39069149/

相关文章:

c# - 如何使用 Ajax 文件上传发送防伪 token ?

jquery - Rails 3 - 远程表单提交后指定表单操作

javascript - 通过 mvc 中的 ajax actionlink 获取成功的响应 header

javascript - 获取在 firebase google 身份验证提供程序中创建的 UID 数量

javascript - react-native 0.47 导航器已弃用,但我不使用它

php - 如何发送交互式电子邮件

javascript - 改变颜色 <li>

css - html, css with center div 问题

javascript - 轻松查看什么 javascript 代码称为 Web 服务

javascript - 使用 javascript 从列表传递此值