3

nvd3.js を使用して、3 つの異なるキーを持つグラフを表示しています。Aこれらの 3 つの中で、1 は非常に多くの座標を持ち、残りの 2 は 1 つの座標のみです。現在、これらの単一の座標は正しく表示されていません。私のコードは次のようなものです:

nv.addGraph(function () {
    var chart = nv.models.lineChart().margin({
        top: 30,
        right: 20,
        bottom: 50,
        left: 45
    }).showLegend(true).tooltipContent(function (key, y, e, graph) {
        return '<h3>' + key + '</h3>' + '<p>' + e + '% at ' + y + '</p>'
    });

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

    d3.select('#lineChart svg')
        .datum(data)
        .transition().duration(500)
        .call(chart);

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

data = [{
    "values": [{
        "x": 1025409600000 ,
            "y": 2
    }, {
        "x": 1028088000000 ,
            "y": 4
    }, {
        "x": 1030766400000 ,
            "y": 1
    }, {
        "x": 1033358400000 ,
            "y": 3
    }, {
        "x": 1036040400000  ,
            "y": 0
    }, {
        "x": 1038632400000  ,
            "y": 3
    }],
        "key": "Cool"
},{
"values": [{
        "x": 1025409600000 ,
        "y": 2
           }],
 "key":hot
    }
]

マウスカーソルを合わせるとポイントが表示されると思っhotていたのですが、位置が見えません。キーの座標が 1 つしかない場合に表示する方法を教えてください。前もって感謝します。

画像で更新 ここに画像の説明を入力 ここに画像の説明を入力

4

2 に答える 2

-1

「fillOpacity」も使用できます。

例えばchart.bars1.fillOpacity(0.7)

見る：

multiBar および multiBarHorizo​​ntal チャートのバーの fillOpacity を引き渡す #1614 および https://github.com/novus/nvd3/issues/707

于 2016-08-15T09:39:57.983 に答える