graph - JSON多系列折线图更新

Question

我有一个关于 d3 的问题。我从这里使用这个多线图：http: //bl.ocks.org/mbostock/3884955

我没有使用 .tsv，而是使用以下格式的两个本地 json 数组：

var myData = [
{
    "date": "20111002",
    "New York": "6",
    "San Francisco": "81",
    "Austin": "13"
},
{
    "date": "20111003",
    "New York": "30",
    "San Francisco": "37",
    "Austin": "33"
},
{
    "date": "20111004",
    "New York": "5",
    "San Francisco": "85",
    "Austin": "10"
}
]

我有第二个格式相同的 json，除了我想在 html 按钮 onclick 上更新图形。任何帮助将非常感激。我遇到的麻烦是线路路径没有被重绘。

Answer 1

以此为例： http: //mpf.vis.ywng.cloudbees.net/

更新曲线路径的代码为：

    fund.select("path").transition()
    .attr("d", function(d) { 
       if(d.vis=="1"){return line(d.priceList);} else{ return null;}
     })

你应该使用transition来触发改变，你可以修改匿名函数的返回来更新曲线。