Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在plotly.js中为图例指定固定宽度_Javascript_Svg_Plotly - Fatal编程技术网

Javascript 如何在plotly.js中为图例指定固定宽度

Javascript 如何在plotly.js中为图例指定固定宽度,javascript,svg,plotly,Javascript,Svg,Plotly,我正在使用plotly.js创建图表。有些图表的图例中有很长的文字,因此这些文字使图例变得不必要。我想给图例一个固定的宽度,如果文本的长度很长,我希望它被包装 我一直试图通过在DOM上操作svg元素来实现这一点,但由于图例是svg:gtag,我实际上做不了多少。我还尝试将textLength指定给,但它会包装文本,但不会生成新行 有没有一种方法可以使图例固定宽度?也许只需在图例文本中添加就可以轻松获得固定宽度? 您可以使用Javascript中的任何文本包装技巧来实现这一点,例如 for (i

我正在使用plotly.js创建图表。有些图表的图例中有很长的文字,因此这些文字使图例变得不必要。我想给图例一个固定的宽度,如果文本的长度很长,我希望它被包装

我一直试图通过在DOM上操作svg元素来实现这一点,但由于图例是
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})


有人能分享这个问题更好的解决方案吗?你现在找到更好的解决方案了吗。