nvd3 piechart.js - Como editar a dica de ferramenta?
Estou usando o componente piechart.js do nvd3 para gerar um piechart no meu site. O arquivo .js fornecido inclui vários vars, da seguinte maneira:
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')
;
No meu in-line js, eu consegui substituir algumas dessas variáveis, como isso (substituindo showLegend e 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);
Eu tentei sobrescrever a dica de ferramenta da mesma maneira:
.tooltip(function(key, y, e, graph) { return 'Some String' })
mas quando faço isso, meu gráfico não é exibido. Por que não posso sobrescrever a dica de ferramenta aqui? Existe outra maneira de fazer isso? Eu realmente prefiro não ter que editar o próprio piechart.js; Eu preciso manter esse arquivo genérico para uso em vários widgets.
E enquanto estamos nisso, existe alguma maneira de transformar toda a dica de ferramenta em um link clicável?