Question

我查看了几个主题/资源，似乎无法获得有效的工具提示。

以下是代码：

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;
        });

我稍后在代码中有调用语句，图表显示并显示很好。但工具提示根本不会显示出来。我试过两个注释掉的版本。在阅读了一堆线程后，我尝试了顶级版本，因为这是他们都使用的语法。然后我查看了文档，似乎工具提示和工具提示内容已被弃用chart.interactive和chart.interactiveGuideline.tooltip.contentGenerator所以我试过了。都没有奏效。感谢这个问题的所有帮助，谢谢。

Answer 1

我运行的1.8.1版本中我无法使用工具提示。但是在降级到1.7.1之后，我可以使用上层语法来处理工具提示。

nvd3将工具提示添加到多栏图表

1 个答案: