nvd3 - 如何在离散条形图中禁用工具提示

时间:2016-04-20 10:37:30

标签: meteor d3.js nvd3.js

我正在使用nvd3 1.8.2,d3 3.5.8和流星1.3。 我使用了example discreteBarChart from the nvd3 docs。 但是,当我尝试禁用工具提示时,就像使用chart.tooltips(false)的示例一样,我得到一个控制台错误,上面写着“工具提示不是一个功能”。

我也试过了chart.tooltip.enabled(false),这也不起作用。

见:

    // chart object
let chart = nv.models.discreteBarChart()
    .x(function(d) {
        return d.x
    })
    .y(function(d) {
        return d.y
    })
    .staggerLabels(true)
    .showValues(false)
    .showYAxis(false)
    // .tooltips(false)
    .duration(250);

// chart details
nv.addGraph(function() {
    d3.select('#chartWordsAll svg')
      .datum(barChart())
      .call(chart);

    nv.utils.windowResize(chart.update);

    return chart;
});

我有什么想法可以禁用工具提示吗?

提前致谢!

莫夫

1 个答案:

答案 0 :(得分:1)

由于即使.sodocumentation中显示不起作用,您也可以尝试使用angularjs-nvd3-directives并设置chart.tooltip.enabled(false),这似乎在此示例中效果很好:

JSFiddle:http://jsfiddle.net/xerwrzwm/