javascript - 为什么dimple.js 示例需要 Web 服务器才能运行?

标签 javascript d3.js dimple.js

一些dimple.js示例可以通过将它们另存为html文件并打开该html文件来直接运行,例如home page上的以下示例:

<head>
  <script src="http://d3js.org/d3.v3.min.js"></script>
  <script src="http://dimplejs.org/dist/dimple.v2.1.6.min.js"></script>
</head>
<body>
  <script type="text/javascript">
    var svg = dimple.newSvg("body", 800, 600);
    var data = [
      { "Word":"Hello", "Awesomeness":2000 },
      { "Word":"World", "Awesomeness":3000 }
    ];
    var chart = new dimple.chart(svg, data);
    chart.addCategoryAxis("x", "Word");
    chart.addMeasureAxis("y", "Awesomeness");
    chart.addSeries(null, dimple.plot.bar);
    chart.draw();
  </script>
</body>

其他下载的示例代码,如找到的所有示例 here仅可在按照描述设置本地 Web 服务器后运行 here .

我想知道为什么会这样。这是否意味着当我使用 dimple.js 开发可视化时,我的受众必须设置本地 Web 服务器才能看到我的可视化?有没有什么方法可以让他们直接使用网络浏览器启动而无需额外安装?

预先感谢您的回复!

最佳答案

因为我还没有 50 声望,所以无法发表评论。我会尽力回答您在这里提出的问题。

我不确定这是最好的方法,但对我来说最简单的方法是查看凹坑图表安装 MAMP免费版本。这是相当基本的安装,然后设置文档根目录。

enter image description here

关于javascript - 为什么dimple.js 示例需要 Web 服务器才能运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38401406/

相关文章:

javascript - dimplejs 100% 堆叠垂直条,按日期显示两个值

javascript - useState 不会使用 React Hooks 的 async/await 呈现 axios 调用的结果

javascript - 查找层次结构中最长链的长度

javascript - 使用discord.js 检查是否有人在 5 秒内发送了 2 条相同的消息

javascript - 如何在 select 语句中使用类名和 ID?

javascript - 2dimple.js/d3.js 窗口大小变化时自动调整大小图表

javascript - 根据弹出窗口 JavaScript 的返回值更改 ASP.NET 面板可见性

javascript - 使用 .attrTween 方法延迟动画弧

javascript - 如何理解 `f(array[i], i, array)`源代码中的 `d3.min()`?

javascript - 如何减少 dimple.js 中 Y 轴刻度的数量?