Question

我正在尝试将数据加载到dimple.js折线图中，但我是JavaScript新手，我无法绘制基本折线图。我有Watts专栏和Time专栏。我如何在dimple.js中绘制这个？

我的文件包含一个Time列和一列Watts。

我认为我的问题可能存在以下问题： 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>

我的当前输出如下所示：

Answer 1

删除该行：

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

不需要它会删除数据中的所有内容。 filterData删除传递的字段值不在数组中的所有元素，因此空数组将始终删除所有数据。只有在您希望过滤数据时才需要它，如果没有它，将删除所有数据。

听起来你可能已经尝试了这个，所以如果它仍然不起作用那么可能还有一个问题，请从你的数据中发布几行。

Answer 2

我的代码没有任何问题。我提到这个交换来解决我的问题。

我最终下载了Firefox，从Notepad ++运行我的代码，它运行得很好。

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

基本的dimple.js折线图问题 - 正在加载数据

2 个答案: