我正在构建一个饼图,其中数据点的标签可以非常长,图例配置为垂直并位于左侧。我在图表底部添加了一个标签元素,显示所有数据点的总数。
我面临的问题是这个标签的定位(通过样式元素)是基于图例的宽度,如果图例足够宽,偶尔会被推离图表的右侧。
有谁知道我可以设置此标签的样式,以便仅根据整个图表的宽度进行定位。
这是应用于标签的样式(我尝试添加位置值,但这似乎没有做任何事情):
style: {
top: '325px',
position: 'absolute',
left: '-160px',
'font-size': '175%'
}
这是我正在使用的图表示例,您可以看到总计的值已被截断。
编辑:根据塞巴斯蒂安的评论,我能够通过使用图例标签格式化程序来限制系列名称的长度来有效地解决这个问题。这是代码:
labelFormatter: function () {
var formattedName = this.name;
if (formattedName.length > 17) {
formattedName = formattedName.substr(0, 14) + '...';
}
return formattedName;
}