如何创建将多个图表附加到d3无序列表

Question

我正在尝试将React.js图表​​添加到我使用d3创建的无序列表中。

我正在传递一个数据点列表，对于每一个数据点，我想触发调用添加并显示一个新图表作为该无序列表的一部分。现在，我能做的最好的事情就是显示一个图表（尽管下面的代码会导致错误）。我希望它显示多个图表，但在这种情况下，下面的图表都是相同的。 （获得不同的图表将是解决此问题后的下一步。）

下面的代码首先调用display_charts函数来清除任何现有的无序列表，然后为数据集中的每个点添加列表项。

如何更改此设置以正确显示多个图表？

提前致谢！

function display_chart(_err, _responseObjectFromRequestCall) {
    var targetElement = document.getElementById('chart');
    try {
        var responseText = _responseObjectFromRequestCall.responseText
        responseText = responseText.replace("dataSource", "//rrag.github.io/react-stockcharts/data/MSFT.tsv")
        var transformedResponse = Babel.transform(responseText, { presets: ["es2015", "react", "stage-3"] }).code;
        eval(transformedResponse)
        ;
    } catch (error) {
        targetElement.innerHTML = 'ERROR: ' + error.message
        ;
    }        
}

function display_charts(_data) {

    node_notes.selectAll("ul").remove() // remove any existing list
    var list = node_notes.append("ul")
        // .selectAll("ul") // add a new unordered list
        // .data( _data)
        // .enter()
        // .append("ul")
        ;

    var listItems = list
        .selectAll("li") // select all list items
        .data( _data, function(_datum) {
            d3.request("chart.jsx").get(display_stock_chart)
            ;
        })
        .enter()
        .append("li") // select add a list item

}