小编kag*_*e23的帖子

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 '<h3>' + key + '</h3>' +
               '<p>' +  y + '</p>'
      }
    , noData = "No Data Available."
    , dispatch = d3.dispatch('tooltipShow', 'tooltipHide')
;
Run Code Online (Sandbox Code Playgroud)

在我的内联js中,我已经能够覆盖其中一些变量,比如这样(覆盖showLegend和margin):

var chart = nv.models.pieChart()
    .x(function(d) { return d.label })
    .y(function(d) { return d.value }) …
Run Code Online (Sandbox Code Playgroud)

javascript tooltip d3.js pie-chart nvd3.js

40
推荐指数
5
解决办法
4万
查看次数

标签 统计

d3.js ×1

javascript ×1

nvd3.js ×1

pie-chart ×1

tooltip ×1