文章/答案/技术大牛

发布

社区首页 >问答首页 >基本dimple.js线图问题-加载数据

问基本dimple.js线图问题-加载数据
EN

Stack Overflow用户

提问于 2015-10-12 14:39:25

回答 2查看 203关注 0票数 0

我正试图将数据加载到dimple.js线图中，但我对JavaScript并不熟悉，绘制基本的线条图也有困难。我有一篇瓦茨专栏和一篇时间专栏。如何在dimple.js中绘制此图？

我的文件包含一列时间和一列美国瓦茨。

我认为我的观点可能有一个问题: data = dimple.filterData(data，"Watts"，[])；

<html>
<div id="chartContainer">
  <script src="dimple/js/d3.v3.min.js"></script>
  <script src="dimple/js/dimple.v2.1.6.min.js"></script>
  <script type="text/javascript">
    var svg = dimple.newSvg("#chartContainer", 590, 400);
    d3.csv("TESTFILE.txt", function (data) {
      var myChart = new dimple.chart(svg, data);
      data = dimple.filterData(data, "Watts", []);
      myChart.setBounds(60, 30, 505, 305);
      var x = myChart.addCategoryAxis("x", "Time");
      myChart.addMeasureAxis("y", "Watts");
      var s = myChart.addSeries(null, dimple.plot.line);
      myChart.draw();
      });
  </script>
</div>
</html>

我的当前输出如下所示：

javascript

dimple.js

回答 2

Stack Overflow用户

发布于 2015-10-12 15:35:55

移除线：

data = dimple.filterData(data, "Watts", []);

它不需要，并且会删除数据中的所有内容。filterData移除传递字段的值不在数组中的所有元素，因此空数组将始终删除所有数据。只有当你想过滤你的数据时，它才是必需的，没有它，所有的数据都会被删除。

听起来您可能已经尝试过了，所以如果它仍然不起作用，那么可能会有进一步的问题，请从您的数据中张贴几行。

票数 0

Stack Overflow用户

发布于 2015-10-13 12:38:58

我的密码没什么问题。我用这个交换来解决我的问题。

最后，我下载了火狐，从Notepad++运行我的代码，它运行得很好。

XMLHttpRequest cannot load file. Cross origin requests are only supported for HTTP

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33083884

复制

相似问题

问基本dimple.js线图问题-加载数据
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基本dimple.js线图问题-加载数据EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基本dimple.js线图问题-加载数据
EN