【问题标题】:Sunburst chart in Anychart : How to wrap text in labels?Anychart 中的森伯斯特图:如何在标签中换行?
【发布时间】:2019-09-17 08:32:27
【问题描述】:
我正在使用anychart,需要将文本包装在旭日形图的标签中。
以下是当前代码的摘录:
chart.labels().fontSize(15);
chart.labels().wordWrap("break-word");
chart.labels().wordBreak("normal");
但这似乎不起作用(无论是字体大小,还是自动换行)。
关于如何使它工作的任何想法?
【问题讨论】:
标签:
javascript
sunburst-diagram
anychart
【解决方案1】:
无需启用 useHtml() 模式。禁用 adjustFontSize 后,您可以通过库 API 调整 fontSize。 adjustFontSize 默认启用,它倾向于使标签适合该点。禁用它后,您可以手动应用所需的字体大小。详情查看the sample,注意24-26行。
【解决方案2】:
要在 Anychart 中为 Sunburst 图表上的标签设置样式,您需要为标签启用 HTML 并使用 format 方法进行内联样式:
chart.labels().useHtml(true);
chart.labels().format("<span style='font-size: 15px; word-break: normal; word-wrap: break-word;'>{%name}</span><br>{%value}");