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; Мне нужно сохранить этот файл универсальным для использования в нескольких виджетах.

И в то время как мы находимся на этом, есть ли какой-нибудь способ, которым я могу превратить всю подсказку в интерактивную ссылку?

Ответы на вопрос(9)

Ваш ответ на вопрос