如何在nvd3图中更改图例的宽度

时间:2014-12-11 23:49:58

标签: javascript css nvd3.js

我正在使用宽度几乎占据整个图表空间的图例,没有空间为我添加任何文字。

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

类似的东西:

400 Bad Request 403 Not .. 404 Not Found

500内部.....

而不是:

enter image description here

我试过了:

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

            });
        }

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

有没有办法使用css或js ???

1 个答案:

答案 0 :(得分:1)

我可以通过更改chart.legend.maxKeyLength属性来解决类似问题。这是每个图例项目要显示的字符数。我相信它默认为20,所以尝试低于此。