显示多线图的问题

时间:2015-05-16 01:35:59

标签: javascript d3.js

我正在尝试创建一个多线图表,有两条线和两种不同的颜色,我已按照http://www.delimited.io/blog/2014/3/3/creating-multi-series-charts-in-d3-lines-bars-area-and-streamgraphs上的指南进行操作但在我的情况下,它不起作用,我想知道为什么。 我的tsv文件是http://wikisend.com/download/732088/difference.tsv]difference.tsv

代码

 .buy {
  float: left;
  position: relative;
  display: block;
  width: 200px;
  height: 27px;
  text-align: center;
  margin-left: -70px;
  margin-top: 30px;
  font-family: Calibri,Helvetica, sans serif;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  background-color: #39b54a;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;

}
.buy:hover {
  background-color: #8dc63f;
}

我看到的只有两个轴,我无法弄清楚出了什么问题。 也许错误在于检索行(d.values),控制台d.values给了我一个数组,对于数组的每个元素,我需要“value”元素。 请帮帮我,我在这里被封锁,提前谢谢!

1 个答案:

答案 0 :(得分:1)

您的代码似乎有很多问题。 (如果你看看DOM,所有的折线图都放在了工具提示div下面。)这是我认为你正在寻找的工作准系统版本。

http://bl.ocks.org/JoshFerge/5e7622d010271fb4082f