d3.js multiseries折線圖工具提示問題

我有關於此鏈接中的示例的工具提示問題D3.JS: Multiseries line chart with mouseover tooltip在此示例中，工具提示僅顯示y軸上的數據，即華氏度。但在我的項目中，我也希望看到不在x和y軸上顯示的數據。d3.js multiseries折線圖工具提示問題

在本例中，我根據上面鏈接中的代碼對第84行進行了更改以生成攝氏度（°C）。如何在單個工具提示中顯示華氏度和攝氏度？ [see fiddle][2]https://jsfiddle.net/xn1sLbf4/3/ 這裏我只是想插入一個'列'的數據。 就我而言，'celsius'不是我可以從y軸上的數據計算出來的東西。它可能是部門名稱，編號等。

有誰知道如何做到這一點？任何幫助表示讚賞！

來源

2016-03-07 user6030945

工具提示的文字設定上線250-251：

d3.select(this).select('text') 
    .text(y.invert(pos.y).toFixed(2));

所以，無論你傳遞到.text()方法是什麼的提示會顯示。同時顯示溫度單位，您可以修改代碼以類似

var fahrenheit = y.invert(pos.y); 
var celsius = (fahrenheit - 32) * 5/9; 
d3.select(this).select('text') 
    .text(fahrenheit.toFixed(1) + "F/" + celsius.toFixed(1) + "c");

來源

2016-03-07 20:46:38 meetamit

媽的，打我吧，這裏是一個更新的小提琴：https://jsfiddle.net/xn1sLbf4/3/ – Mark

感謝您在回答。我想我的例子不是很好。這裏我只是想插入一列數據。就我而言，'celsius'不是我可以從y軸上的數據計算出來的東西。它可能是部門名稱，身份證號碼等。 – user6030945

我剛更新了我的帖子以說清楚。謝謝！ – user6030945

d3.js multiseries折線圖工具提示問題

回答

相關問題