求助:Highcharts图表无法占满容器宽度,左右存在空白
Highcharts面积图左右留白问题解决方法
你遇到的左右空白来自Highcharts x轴的默认配置,即使隐藏了坐标轴,以下几个默认参数依然会生效并预留空间:
minPadding和maxPadding:默认会在轴的两端添加0.05的内边距startOnTick和endOnTick:默认强制图表从第一个刻度开始、最后一个刻度结束
只需要在xAxis配置中覆盖这些参数,就能让图表完全占满容器宽度:
Highcharts.chart('container', { chart: { type: 'area', marginLeft: 0, marginRight: 0 }, xAxis: { visible: false, minPadding: 0, maxPadding: 0, startOnTick: false, endOnTick: false }, yAxis: { visible: false }, series: [{ data: [4, 3, 5, 6, 2, 3] }] });
内容的提问来源于stack exchange,提问作者envy
相关产品推荐
相关产品推荐

