Javascript 如何在plotly.js中为图例指定固定宽度
我正在使用plotly.js创建图表。有些图表的图例中有很长的文字,因此这些文字使图例变得不必要。我想给图例一个固定的宽度,如果文本的长度很长,我希望它被包装 我一直试图通过在DOM上操作svg元素来实现这一点,但由于图例是Javascript 如何在plotly.js中为图例指定固定宽度,javascript,svg,plotly,Javascript,Svg,Plotly,我正在使用plotly.js创建图表。有些图表的图例中有很长的文字,因此这些文字使图例变得不必要。我想给图例一个固定的宽度,如果文本的长度很长,我希望它被包装 我一直试图通过在DOM上操作svg元素来实现这一点,但由于图例是svg:gtag,我实际上做不了多少。我还尝试将textLength指定给,但它会包装文本,但不会生成新行 有没有一种方法可以使图例固定宽度?也许只需在图例文本中添加就可以轻松获得固定宽度? 您可以使用Javascript中的任何文本包装技巧来实现这一点,例如 for (i
svg:g
tag,我实际上做不了多少。我还尝试将textLength
指定给
,但它会包装文本,但不会生成新行
有没有一种方法可以使图例固定宽度?也许只需在图例文本中添加
就可以轻松获得固定宽度?
您可以使用Javascript中的任何文本包装技巧来实现这一点,例如
for (i = 0; i < data.length; i += 1) {
data[i].name = data[i].name.replace(/([\w\s,]{13,}?)\s?\b/g, "$1</br>");
}
for(i=0;i”);
}
var number=[];
var总计=10000;
var i=0;
var数据=[];
对于(i=0;i”);
}
newPlot('myDiv',data,{showlegend:true})代码>
有人能分享这个问题更好的解决方案吗?你现在找到更好的解决方案了吗。