工具提示不顯示在nvd3圖表（條形圖）

我使用nvd3圖表庫來顯示我們的應用程序中的報告。我試圖顯示使用nvd3庫的條形圖..一切工作正常，除了tooltip.I沒有得到工具提示在鼠標懸停功能。我無法弄清楚哪裏會出錯。請幫我解決這個問題。腳本是在下面提供，工具提示不顯示在nvd3圖表（條形圖）

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; 
    }); 

}

來源

2013-08-22 mani

您可以通過調用提示功能，像這樣調用（和個性化）的工具提示：

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-23 12:39:18

如果這不適合你，請用你的圖表創建一個jsfiddle，這樣我們可以測試它。 –

我有一個與lineWithFocusChart類似的問題，我的問題是我使用Bower安裝的庫不適用於工具提示。一旦我鏈接到nvd3現場示例中給出的庫，它就可以工作。

<link rel="stylesheet" href="http://nvd3.org/src/nv.d3.css"> 

<script src="http://nvd3.org/js/lib/jquery.min.js"></script> 
<script src="http://nvd3.org/lib/d3.v2.js"></script> 
<script src="http://nvd3.org/nv.d3.js"></script>

來源

2013-11-28 22:54:45

工具提示不顯示在nvd3圖表（條形圖）

回答

相關問題