定製x軸工具提示nvd3散點圖

我正在使用nvd3散點圖，我發現可以使用以下函數自定義工具提示內容。定製x軸工具提示nvd3散點圖

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

當通過泡，定製工具提示內容和點/氣泡的x值和y值的鼠標移動突出顯示/顯示。我想顯示自定義內容，而不是顯示x軸標籤。我怎樣才能做到這一點？

感謝，

來源

2015-06-18 Dinesh

可以請你把它放在小提琴上。 – Cyril

嘗試檢查他們的源文件的工具提示在這裏：https://github.com/novus/nvd3/blob/master/src/tooltip.js –

chart.tooltipContent在nvd3現已棄用。要使用工具提示自定義內容，你將要使用

chart.tooltip.contentGenerator(function(obj) {code to build tooltip})

爲了看你有什麼樣的數據在你的函數的工作，開始加入這一行：

chart.tooltip.contentGenerator(function (obj) { return JSON.stringify(obj)})

，然後您可以將鼠標懸停在數據點上並查看您正在使用的對象。

查找範圍中的src/tooltip.js在用於contentGenerator starting around line 76默認的功能，看的那種功能的一個很好的例子，你可以建立並傳遞給contentGenerator

這裏是文件中的相關章節documentation

來源

2015-06-24 02:52:25 Ross

「推薦」返回JSON.stringify（obj）}「..這是一個良好的調試步驟 – Jayan

定製x軸工具提示nvd3散點圖

回答

相關問題