Question

我已经从ajax加载了数据：

 if (page == 1) {
        var n = date.toISOString();
        $.ajax({  
            url: route,
            type: 'POST',
            data: JSON.stringify({ "year": n }),
            dataType: "json",
            contentType: "application/json",
            success: function (result) {
                var data = JSON.parse(result);
                console.log(data);
                draw(data);
            }

        });

我希望draw（data）函数根据从范围滑块选择的年份来绘制条形图。但问题是，我还需要一个条件：

  var date;
var val = document.getElementById("year");
    switch (val) {
        case '2015': date = new Date("July 21, 2015"); break;
        case '2016': date = new Date("July 21, 2016"); break;
        case "2017": date = new Date("July 21, 2017"); break;
        case '2019': date = new Date("July 21, 2019"); break;
        default: date = new Date("July 21, 2018"); break;
    }

根据选择的日期，它应该发布一个不同的日期。这是html范围代码：

<input type="range" min=2015 max=2019 step=1 id="year" value=2018 oninput="selected_year.value = year.value">
        <output name="selected_year" id="selected_year">2018</output>

它仅加载“默认”值2018。那么，如何使我的条形图根据从范围中选择的年份来更改加载的数据？我到底在做什么错？

d3更改已加载的ajax数据

0 个答案: