Javascript d3v4多折线图域设置和动画

我正在转换一个旧版本的d3折线图，我正在尝试改进输入数据，以便正确计算其域

//当前版本4

要使用一个json集并更正代码，x域的计算是否正确

            x.domain([
                d3.min(cities, function(c) { return d3.min(c.values, function(d) { return d.date; }); }),
                d3.max(cities, function(c) { return d3.max(c.values, function(d) { return d.date; }); })
            ]);

---

• 我渴望将数据输入合并到一个更干净的单一源类型的情况中
• 还可以将结构更改为更具标签性的值命名约定，然后在“温度”中指定具体值，比如“旧金山”应该是一个标签
• 修复x轴，使其看起来断裂或记号格式异常
• 修正行尾出现的文本下降--可能是从图表边缘剪下的--可能只是页边空白的变化--“右：55”

---

6月8日-未完成的修复

---

jsfiddle.net/497tmhu0/5——我渴望将数据输入合并到一个更干净的单源类型中。另外，将结构更改为更具标签、值命名约定，然后在“温度”中指定具体值——比如“旧金山”应该是一个标签，x轴出现断裂，或者记号格式奇怪，文字在线条末端脱落——可能是从图表的边缘切下的——可能只是边缘的变化——“右：55”–

我可能已经更正了域-但是有没有更好的方法来清理它^有没有人可以接受这个版本并完成赏金-我渴望将数据输入合并到一个更干净的单一源类型的情况中。另外，将结构更改为更具标签、值命名约定，然后在“温度”中指定具体值——比如“旧金山”应该是一个标签，x轴出现断裂，或者记号格式奇怪，文字在线条末端脱落——可能是从图表的边缘切下的——可能只是边缘的变化——“右：55”

            x.domain([
                d3.min(cities, function(c) { return d3.min(c.values, function(d) { return d.date; }); }),
                d3.max(cities, function(c) { return d3.max(c.values, function(d) { return d.date; }); })
            ]);

        var data = [{
          "date": "20111003",
          "New York": 53.3,
          "San Francisco": 22.8
        }, {
          "date": "20111004",
          "New York": 55.7,
          "San Franciscok": 38.8
        }, {
          "date": "20111005",
          "New York": 55.7,
          "San Franciscok": 38.8
        }];


        var cities = [{
          "id": "New York",
          "values": [{
            "date": 20111003,
            "temperature": 34
          }, {
            "date": 20111004,
            "temperature": 42
          }, {
            "date": 20111005,
            "temperature": 23
          }]
        }, {
          "id": "San Francisco",
          "values": [{
            "date": 20111003,
            "temperature": 22
          }, {
            "date": 20111004,
            "temperature": 52
          }, {
            "date": 20111005,
            "temperature": 62
          }]
        }]