谷歌图表图形多行文字标签

google charts graphics Multiline text labels

本文关键字：文字 标签 图形 谷歌      更新时间：2023-09-26

对于统计/监控工具，我们使用谷歌图表来显示应用程序中的消息和错误。这些消息显示在垂直轴上的图形标签中，但大多数时候消息文本太长，标签中包含的字符太多。他们被…骗了。。。最后，但我们真正想要的是它们被换行，或者如果这不可能，用htmlbr标记手动换行。糟糕的是，这些都被谷歌图表标签忽略了。

我的问题是，有没有一种方法可以将短信分成多行，而不是用。。。最后？如果是这样，如何做到这一点？我已经在这里找到了横轴的可能性，但我们希望纵轴也有。当然，如果可能的话。

我也试着做一个fiddler的例子，但fiddler似乎不能很好地处理谷歌图。当我在我们的工具中制作文本时，整个图形就消失了。

轴的刻度值（水平和垂直）的文本标签当前无法换行。你能做的最好的事情是通过使用宽度和chartArea:｛width and left｝选项的组合，或者高度和chartAare:｛height and top｝选项来安排标签有更多的空间。

这里有一个jsfiddle演示了这一点：http://jsfiddle.net/dlaliberte/cNRn3/使用条形图。关键选项是：

chartArea: { left: 300 }

我试图减小字体大小，这对我来说很有效。根据您的需要调整字体大小，使字体变小将使其自动多行


<Chart
              chartType='ColumnChart'
              width="100%"
              height="800px"
              data={this.state.graphData}
              options={{
                fontSize: 11
              }}
/>
相关文章：