nvd3 piechart.js - Как редактировать всплывающую подсказку?
Я использую компонент nvd3 piechart.js для создания круговой диаграммы на моем сайте. Предоставленный файл .js включает в себя несколько вариантов:
var margin = {top: 30, right: 20, bottom: 20, left: 20}
, width = null
, height = null
, showLegend = true
, color = nv.utils.defaultColor()
, tooltips = true
, tooltip = function(key, y, e, graph) {
return '<h3>' + key + '</h3>' +
'<p>' + y + '</p>'
}
, noData = "No Data Available."
, dispatch = d3.dispatch('tooltipShow', 'tooltipHide')
;
В моих встроенных файлах js я смог переопределить некоторые из этих переменных, например так (переопределение showLegend и margin):
var chart = nv.models.pieChart()
.x(function(d) { return d.label })
.y(function(d) { return d.value })
.showLabels(false)
.showLegend(false)
.margin({top: 10, right: 0, bottom: 0, left: 0})
.donut(true);
Я пытался перезаписать всплывающую подсказку таким же образом:
.tooltip(function(key, y, e, graph) { return 'Some String' })
но когда я это делаю, моя круговая диаграмма вообще не отображается. Почему я не могу переписать подсказку здесь? Есть ли другой способ, которым я могу сделать это? Я действительно не хотел бы вообще редактировать piechart.js; Мне нужно сохранить этот файл универсальным для использования в нескольких виджетах.
И в то время как мы находимся на этом, есть ли какой-нибудь способ, которым я могу превратить всю подсказку в интерактивную ссылку?