nvd3向多条形图添加工具提示

nvd3 adding tooltips to the multibar chart

本文关键字：添加 工具提示 条形图 nvd3      更新时间：2023-09-26

我浏览了几个线程/资源，似乎无法获得可用的工具提示。

这是代码：

nv.addGraph(function() {
            self.chart = nv.models.multiBarChart()
                .stacked(true)
                .showControls(false)
                .showLegend(false)
                .stackOffset('expand')
                .showYAxis(false)
                .rotateLabels(-45)
                .reduceXTicks(false);
                //.tooltips(true)
                //.tooltipContent(function(key, x, y, e, graph){
                //    return '<div>' + key + '</div>';
                //});
            //self.chart.interactive = true;
            //self.chart.interactiveGuideline.tooltip.contentGenerator = function(){return 'Hi';};
            //nv.utils.windowResize(self.chart.update);
            return self.chart;
        });

我在代码后面有call语句，图表显示得很好。工具提示根本不会显示。我已经试过两个注释掉的版本。在阅读了一堆线程之后，我尝试了顶级版本，因为这是它们都使用的语法。然后我查看了文档，发现chart.interactive和chart.interactiveGuideline.tooltip.contentGenerator似乎不赞成使用工具提示和tooltipContent，所以我尝试了一下。两者都不起作用。感谢大家在这个问题上的帮助，谢谢。

我运行的1.8.1版本无法使工具提示正常工作。然而，在降级到1.7.1之后，我可以使用上层语法使工具提示正常工作。

相关文章：