首页 > 其他 > 详细

echarts x轴坐标文字显示不全

时间:2017-02-08 14:41:35      阅读:373      评论:0      收藏:0      [点我收藏+]
在echarts中应用柱状图或者折线图时,当数据量过多的时候,X轴的坐标就会显示不全(如下图图一),在ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是:interval。还有一个属性:rotate: number 度角是倾斜的控制所在。
图一:显示不全

技术分享

图二:修改后的图片

技术分享

解决办法:

技术分享

 

    1. grid: {  
    2.                     y2: 140  
    3.                 },  
    4.                 xAxis: {  
    5.                     type: ‘category‘,  
    6.                     boundaryGap: [0, 0.01],  
    7.                     name: ‘投标人‘,  
    8.                     data:  [ ‘‘ ],  
    9.                     axisLabel:{  
    10.                          interval:0,//横轴信息全部显示  
    11.                          rotate:-30,//-30度角倾斜显示  
    12.                     }  
    13.                 }, 

echarts x轴坐标文字显示不全

原文:http://www.cnblogs.com/Y3125D/p/6377769.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!