echart横坐标太长导致坐标显示不完全（三种方法）

三种方法的完整方法如下图所示

三种方法分开阐述：

解决办法（三种方法）
①在xAxis中加入=> axisLabel :{interval:0}

//axisLabel:{//        interval:0,//使x轴横坐标全部显示
//        rotate:30,//x轴文字倾斜角度
//}
xAxis: [{type: "category",boundaryGap: false,axisLine: {show: true,lineStyle: {color: "rgba(219,225,255,1)",width: 1,type: "solid"}},axisLabel: { //设置x轴的字show:true,interval:0,//使x轴横坐标全部显示textStyle: {//x轴字体样式color: "rgba(219,225,255,1)",margin: 15}},data: lineData.lineTimeData}],

②或者当字数超出10个的时候，选取前接省略五个字然后拼号

axisLabel:{formatter: function (value, index) {if(value.length>10){return value.substr(0,5)+'...'}else{return value}}},

②或者横坐标出滚动条

  xAxis: {type: 'category',axisLabel: { interval: 0, rotate: 30 }},dataZoom:[{show: true,start: 0,end: 50}],

echart横坐标太长导致坐标显示不完全（三种方法）相关推荐

ABAP屏幕上显示LIST的三种方法
屏幕上显示LIST的三种方法在abap开发中,经常有用户提出list的需求,实现的方法很多,通常用的有以下三种总结一下供大家参考: 1:手工添加-就是根据需要把LIST要显示的内容一条一条加到LIS ...
Android TextView里直接显示图片的三种方法
方法一:重写TextView的onDraw方法,也挺直观就是不太好控制显示完图片后再显示字体所占空间的位置关系.一般如果字体是在图片上重叠的推荐这样写.时间关系,这个不付源码了. 方法二:利用Text ...
为Linux系统增加中文字体支持：解决显示问题的三种方法
Linux 增加中文字体支持在使用 Linux 操作系统的过程中,用户经常会遇到中文字体显示问题,导致一些界面上的文字不能正确显示.为了解决这个问题,我们可以通过以下方法来增加中文字体支持. 一.安 ...
在MFC对话框中显示图片的三种方法（有两种使用OpenCv）
最近写了一个用对话框显示图片的程序,这里将学习到的东西整理一下: 编程环境:VC6.0+OpenCv1.0 准备工作:用VC6.0生成一个对话框外壳(全被采用默认设置),然后在对话框中添加一个静态控件 ...
jquery隐藏显示元素的三种方法
方法一: $('#id').css('display','none'); $('#id').css('display','block'); 方法二: $('#id').hide(); $('#id') ...
Vivado工程路径太长导致不能生成bit文件
1.1 Vivado工程路径太长导致不能生成bit文件 1.1.1 本节目录 1)本节目录: 2)本节引言: 3)FPGA简介: 4)Vivado工程路径太长导致不能生成bit文件: 5)结束语. 1 ...
windows小技巧1——路径太长导致文件无法删除
windows小技巧1--路径太长导致文件无法删除路径太长原因: 1.超过了大多数Windows所能接受的255个字节(NTFS文件系统没有这个问题,它可以容纳更长的路径) 2.文件的深度超过 1 ...
antdesign中表格内容太长或者select内容太长如何悬浮显示？
需求:antdesign中表格内容太长或者select内容太长如何悬浮显示? 考虑:我们在学HTML的时候,有一个标签属性是 title,它有什么作用呢? title 属性规定关于元素的额外信息.这些 ...
echartsX轴、y轴文字太长；重叠显示。
问题描述 echarts:X轴.y轴文字太长:重叠显示. 解决方案1:截取部分字符:超出显示- xAxis: {data: [ "羽绒服超过5个字了哈哈哈", "羊毛衫& ...

echart横坐标太长导致坐标显示不完全（三种方法）

三种方法的完整方法如下图所示

三种方法分开阐述：

echart横坐标太长导致坐标显示不完全（三种方法）相关推荐

最新文章

热门文章