nvd3 / d3 - 在2行的交点处添加点

时间:2017-09-14 22:03:23

标签: javascript d3.js nvd3.js

我正在制作一个计算投资回报率的工具,并决定使用nvd3来生成图表。

但是我无法理解如何添加两条线相交的圆或点。

current result, missing point at intersection

要生成图表,我正在运行给定的方法:

>>> np.array([4, 1, 2, 3], dtype=np.float64).reshape(2, 2)
array([[ 4.,  1.],
       [ 2.,  3.]])

formatData方法只获取已经计算的值并准备信息以便在图表上显示:

generateChart: function () {
    calculated.graph_values = roi_results.formatData();

    nv.addGraph(function () {
        var chart = nv.models.lineChart()
            .margin({ top: 30, right: 90, bottom: 100, left: 70 })
            .color(d3.scale.category10().range())
            .useInteractiveGuideline(true);

        chart.xAxis
            .axisLabel('Years');

        chart.yAxis
            .axisLabel('');

        $('#roi-graph').empty();

        d3.select('#roi-graph')
            .datum(calculated.graph_values)
            .transition()
            .duration(500)
            .call(chart);

        nv.utils.windowResize(chart.update);

        return chart;
    });
}

0 个答案:

没有答案