如何在 nvd3 中禁用图例或限制它的大小

Posted

技术标签:

【中文标题】如何在 nvd3 中禁用图例或限制它的大小【英文标题】:How to disable legend in nvd3 or limit it's size 【发布时间】:2013-10-01 08:13:19 【问题描述】:

我正在使用 nvd3 并且有一些图表,其中的图例很大。例如。具有 15 个组的散点图/气泡,组名很长。图例太大了,图表本身几乎没有空间。

有没有办法删除图例或切换图例或限制它占用的高度/宽度?任何例子都会很棒。

另外,有没有办法让气泡显示一个描述性字符串?现在,当您站在气泡顶部时,它会突出显示 x/y 坐标。我还希望它显示气泡名称。

例如,我的每个气泡代表一个国家(有一个名字),x 是 GDP,y 是债务。该组是一个分类/不是名称。

【问题讨论】:

【参考方案1】:

.showLegend(false) 会帮助你。这是一个例子-

chart = nv.models.multiBarHorizontalChart().x(function(d) 
                return d.x
            ).y(function(d) 
                return d.y
            ).showLegend(false);

【讨论】:

文档不是很好,但是看一下源代码对我有帮助。这种情况下看github.com/novus/nvd3/blob/master/src/models/pieChart.js

以上是关于如何在 nvd3 中禁用图例或限制它的大小的主要内容,如果未能解决你的问题,请参考以下文章

单击后保持 NVD3 图例的更改位置

如何限制 chrome 中的最大 textarea 宽度和高度或如何禁用 textarea 调整大小

nvd3中一列中饼图的垂直图例

如何限制图例大小并使其可使用饼图滚动?和 javafx 布局

如何在实时图表中禁用某些图例?

如何在 Kendo UI Charts 中禁用饼图的交互式图例?