echarts通过ajax动态加载数据x轴显示不全问题

X轴数据显示不全问题

原本应该显示的x轴数据

实际上图表中展示的x轴数据

原因

是图表初始化的宽度的问题

解决方法

1、将容器初始化的宽度拓宽

这里宽度设置为1400px，成功显示了所有数据

<div  id="linetable"  style="width:1400px;height:400px;">

</div>

2、增加x轴的滚动条

具体可以参考echarts官网文档关于dataZoom的教程 ：dataZoom

如果对容器宽度有限制的话，可以使用滚动条的形式，只需要在options中增加下面的代码

dataZoom: [{
   
                type: 'slider',
                show: true,
                xAxisIndex: [0]