我正在使用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文件;我需要将该文件保持通用,供多个小部件使用。
顺便说一下,有什么办法可以让整个工具提示变成可点击的链接吗?