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来触发改变，你可以修改匿名函数的返回来更新曲线。

JSON多系列折线图更新

1 个答案: