Ich benutze die piechart.js-Komponente von nvd3, um ein Kreisdiagramm auf meiner Site zu erstellen. Die bereitgestellte .js-Datei enthält mehrere var-Dateien wie folgt:

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

In meinen Inline-Js konnte ich einige dieser Variablen wie folgt überschreiben (showLegend und margin überschreiben):

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

Ich habe versucht, den Tooltip auf die gleiche Weise zu überschreiben:

.tooltip(function(key, y, e, graph) { return 'Some String' })

Aber wenn ich das tue, wird mein Kreisdiagramm überhaupt nicht angezeigt. Warum kann ich den Tooltip hier nicht überschreiben? Gibt es eine andere Möglichkeit, dies zu tun? Ich würde wirklich lieber gar nicht piechart.js selbst bearbeiten müssen; Ich muss diese Datei generisch für die Verwendung in mehreren Widgets behalten.

Und wenn wir schon dabei sind, kann ich dann den gesamten Tooltip in einen anklickbaren Link verwandeln?