eharts折线图解决横坐标过多产生折叠，同时保留拐点显示

        博主今天在实现一个功能的时候，用到了echarts折线图来实现，由于博主公司的打点间隔比较密，每10分钟一次，所以一天下来，数据也是很多，从而导致了横坐标数据太多，所以博主就想横坐标间隔显示，但是这样又发现了一个问题，那就是折线图的拐点一些却没显示，所以博主也是百度谷歌搜索一翻，都没有，最后在文档中发现了一个配置，最终搞定，所以下面跟大家分享如何配置。

       首先如果横坐标太长被隐藏，可以通过在option配置数组配置如下：

grid: {
   left: '10%',
   bottom:'40%'
},

       横坐标太多，我们可以通过倾斜，并且设置间隔来放更多，在xAxis配置数组下配置如下：

axisLabel:{ 
   show:true,
   interval:2, 
   rotate:60 ,
}

       我们想配置拐点，并且显示全部拐点，可以在series配置如下配置：

itemStyle : { normal: {label : {show: true}}},
showAllSymbol:true

        这样我们就成功的解决了这个难题，以下是博主的最终效果图：

小伙伴们可以尝试博主的方法~

       更多文章请关注微信公众号