javascript - 如何更改 nvd3 图中图例的宽度

Question

我使用的图例的宽度几乎占据了整个图表空间，没有给我在旁边添加任何文本的空间。

我想减少图例的宽度(如下所示)，以便我可以在它旁边放置另一个图例:

类似于:

400 错误请求 403 未找到 .. 404 未找到

500 内部 .....

代替:

我试过这个:

 nv.addGraph(function() {
            chart = nv.models.lineChart().options({
                width: 100  //just random number

            });
        }

它减小了宽度以及图表的宽度..

有什么方法可以使用 css 或 js 吗？？？

Answer 1

我能够通过更改 chart.legend.maxKeyLength 属性解决类似的问题。这是为每个图例项显示的字符数。我相信它默认为 20，所以请尝试低于该值。