Question

我需要在nvd3的折线图上为每个点添加循环/节点。我的代码在这里 - https://jsfiddle.net/sujit77/7ns2g4a1/12/

此外，我需要根据此时的值，让这些圆圈具有不同的颜色。

我试图关注“http://www.d3noob.org/2013/01/change-line-chart-into-scatter-plot.html”。但是在D3和nvd3函数之间混淆了我的代码。

nv.addGraph(function() {
    var chart = nv.models.lineChart()
        .x(function(d) {
            return d3.time.format("%Y-%m-%d %H:%M:%S").parse(d['key']);
        })
        .y(function(d){ return d.value; })

    var format = d3.time.format("%m %d %Y");

    chart.yAxis
    .tickFormat(d3.format(',.2f'));

    chart.xAxis
    .tickFormat(function(d) { 
        return d3.time.format('%Y %b %d')(new Date(d)) 
    });

    d3.select('#line-charts').append('svg')
       .attr('height', 250)
       .attr('width', 400)
       .datum(dataValue)
       .call(chart);

    nv.utils.windowResize(chart.update);
    return chart;
});

我发现了类似的问题 - Draw a circle at a point on an NVD3 line chart，但尚未得到答案。

nvd3折线图上的圆圈

0 个答案: