nvd3 piechart.js - Как редактировать всплывающую подсказку?
м, используя nvd3 'Компонент piechart.js для создания круговой диаграммы на моем сайте. Предоставленный файл .js включает в себя несколько var 'с, следующим образом:
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 '' + key + '' +
'<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; Мне нужно сохранить этот файл универсальным для использования в нескольких виджетах.
И пока мына это, есть ли какой-нибудь способ, которым я могу превратить всю подсказку в интерактивную ссылку?