我试图找到一种方法来控制宽度的x轴标签容器在条形图的样式模式。我想有预设值,并根据预设有标签采取20,30,40,50%的图形。有一个属性吗?谢谢你,谢谢你
zzlelutf1#
如果您想根据标签长度和相对于图表宽度来设置标签宽度,您可以使用chart.event.render来实现。它将允许您找到字符数并动态设置百分比宽度。
chart.event.render
var allowChartUpdate = true; Highcharts.chart('container', { chart: { type: 'bar', styledMode: true, events: { render: function() { if (allowChartUpdate) { this.xAxis[0].categories.forEach(category => { if (category.length > 10) { var dynamicMargin = this.chartWidth * 50 / 100; allowChartUpdate = false; this.update({ chart: { marginLeft: dynamicMargin } }, true, true, false); allowChartUpdate = true; } }) } } } }, ...
示范:
https://jsfiddle.net/BlackLabel/59xjq4du/
API参考:
https://api.highcharts.com/highcharts/chart.events.render
1条答案
按热度按时间zzlelutf1#
如果您想根据标签长度和相对于图表宽度来设置标签宽度,您可以使用
chart.event.render
来实现。它将允许您找到字符数并动态设置百分比宽度。示范:
https://jsfiddle.net/BlackLabel/59xjq4du/
API参考:
https://api.highcharts.com/highcharts/chart.events.render