Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么运行dimple.js示例需要web服务器?_Javascript_D3.js_Dimple.js - Fatal编程技术网

Javascript 为什么运行dimple.js示例需要web服务器?

Javascript 为什么运行dimple.js示例需要web服务器?,javascript,d3.js,dimple.js,Javascript,D3.js,Dimple.js,一些dimple.js示例可以直接运行,方法是将它们保存为html文件并打开html文件,例如下面的一个: var svg=dimple.newSvg(“body”,800600); 风险值数据=[ {“单词”:“你好”,“令人敬畏”:2000}, {“单词”:“世界”,“惊人”:3000} ]; var图表=新的酒窝图表(svg,数据); 图.添加分类轴(“x”、“Word”); 图表。添加测量轴(“y”,“惊人”); chart.addSeries(空、酒窝、绘图、条形); chart.d

一些dimple.js示例可以直接运行,方法是将它们保存为html文件并打开html文件,例如下面的一个:


var svg=dimple.newSvg(“body”,800600);
风险值数据=[
{“单词”:“你好”,“令人敬畏”:2000},
{“单词”:“世界”,“惊人”:3000}
];
var图表=新的酒窝图表(svg,数据);
图.添加分类轴(“x”、“Word”);
图表。添加测量轴(“y”,“惊人”);
chart.addSeries(空、酒窝、绘图、条形);
chart.draw();
其他下载的示例代码(如找到的所有示例)只能在按照所述设置本地web服务器后运行

我不知道为什么会这样。这难道不意味着当我使用dimple.js开发可视化时,我的观众必须设置一个本地web服务器才能看到我的可视化效果吗?有没有什么方法可以让他们不用额外安装就直接使用web浏览器启动


提前感谢您的回复

因为我还没有50%的声誉,所以我不能发表评论。我会尽力回答你的问题,你可以在这里提出评论

我不确定这是最好的方式,但对我来说最简单的方式是查看酒窝图是安装免费版本。这是一个相当基本的安装,然后设置文档根目录


如果任何代码(比如)有ajax请求,那么您必须拥有一个web服务器,因为ajax只是一个http调用。其他代码正在从服务器加载数据文件,因此它需要一个web服务器。感谢您的回复@MarcB和@crashmstr!所以,接下来的问题是,人们查看我在公司环境中创建的dimple.js可视化的最佳方式是什么?是设置公司级服务器,还是必须在计算机上安装node.js才能看到ajax请求的可视化效果?谢谢
<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>