d3.js nvd 3-legend中的文本长度是否可调？

wztqucjr 于 2022-11-12 发布在其他

关注(0)|答案(3)|浏览(135)

我正在使用d3和nvd3来可视化图形中的一些数据。现在，无论我有多少个图形，（线）图形上方的图例总是会被缩短，并在末尾添加尾随点。

有没有一种方法可以以一种相当舒适的方式调整图例？如果有，我该如何处理图例及其属性？

d3.js

来源：https://stackoverflow.com/questions/40105994/is-the-length-of-the-text-in-a-nvd3-legend-adjustable

3条答案

按热度按时间

kg7wmglp1#

我自己找到了答案。为了防止文本缩短，可以使用chart.legend.align(false)

赞(0）回复(0）举报 2022-11-12

xqkwcwgp2#

感谢Reteras它为我的PieChart做的把戏，这里是我的图例图表选项（打字稿版本）
只需更改边距即可调整位置

legend: {
      align: false,
      height: 200,
      margin: {
        right: 50,
        top: 25,
        left:0
      }
   }
 legendPosition: 'right',

赞(0）回复(0）举报 2022-11-12

pokxtpni3#

legend: {
      maxKeyLength: 100,
      padding: 40
    }

这会将图例的最大文本长度设置为100，并确保由于省略号而截断文本。

赞(0）回复(0）举报 2022-11-12

我来回答

d3.js nvd 3-legend中的文本长度是否可调？

3条答案

相关问题

热门标签

最新问答