所以这个问题是有太长的动态图表标签。有没有办法设置标签长度的限制,并在悬停时显示工具提示?
xAxes: [{
stacked: type === 'stacked',
scaleLabel: {
display: true,
labelString: interval ? `${i18n.t('chart.time')} (${i18n.t('chart.' + interval)})` : field.key
},
ticks: {
autoSkipPadding: 11,
maxRotation: 90,
minRotation: 0
}
}]
当前输出如下所示。
当前解决方案xD刚刚修改了键的最大长度为18,并制作了一个静态排除列表。
const excludes = ['maakond', 'Maakond', 'district', 'District',
'province', 'Province', 'county', 'County'];
data.district.data.forEach(el => {
excludes.forEach(ex => {
el.key = el.key.replace(ex, '');
});
if(el.key.length > 18) {
el.key = el.key.substring(0, 20);
el.key = el.key + '.';
}
});
1条答案
按热度按时间ttcibm8c1#
请使用Chart.scaleService.updateScaleDefaults。
并将此代码添加到
xAxes
选项中。