0

アプリケーションでレポートを表示するために nvd3 チャート ライブラリを使用しています。nvd3 ライブラリを使用して棒グラフを表示しようとしました。ツールチップ以外はすべて正常に動作しています。うまくいかない..Plsはこの問題を解決するのを手伝ってくれます. スクリプトは以下に提供されています。

function BarChart(chartData, chartid) {
    var seriesOptions = [];

    for (var i = 0; i < chartData.length; i++) {
       seriesOptions[i] = {
                key: chartData[i].Name,
                values: eval("[" + chartData[i].Value + "]")
            };
    }

    nv.addGraph(function () {

        var chart = nv.models.multiBarChart().color(d3.scale.category10().range());

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

        d3.select('#chartcontainer1 svg')
              .datum(seriesOptions)
              .transition()
              .call(chart);
        nv.utils.windowResize(chart.update);
        return chart;
    });

}
4

2 に答える 2

1

次のようにツールチップ関数を呼び出すことで、ツールチップを呼び出す (そしてパーソナライズする) ことができます。

chart.tooltip(function (key, x, y, e, graph) {
       return '<p><strong>' + key + '</strong></p>' +
       '<p>' + y + ' in the month ' + x + '</p>';
});

あなたの例では、行の直前に挿入できますreturn chart;。

于 2013-08-23T12:39:18.023 に答える