【问题标题】:nvd3 adding tooltips to the multibar chartnvd3 向多条形图添加工具提示
【发布时间】:2015-11-05 15:51:24
【问题描述】:

我查看了多个线程/资源,但似乎无法获得有效的工具提示。

代码如下:

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.interactivechart.interactiveGuideline.tooltip.contentGenerator 不推荐使用工具提示和工具提示内容,所以我尝试了。都没有奏效。感谢所有有关此问题的帮助,谢谢。

【问题讨论】:

标签: javascript nvd3.js


【解决方案1】:

我运行的是 1.8.1 版本,在该版本中工具提示无法正常工作。然而,在降级到 1.7.1 后,我可以使用上面的语法让工具提示正常工作。

【讨论】:

  • 1.7.1 的工具提示工作方式与 1.8.1 的工作方式不同
猜你喜欢
  • 1970-01-01
  • 2017-08-12
  • 2020-03-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多