...
问题1
比如:广东顺德123456家有限公司,显示:广东顺德***公司
...
解决方案
代码块 | ||
---|---|---|
| ||
{ "xAxis": { "axisLabel": { "formatter": "function(value){ debugger; if (value.length > 6) { return value.substring(0, 4) + '...'+value.substring(value.length-2) ; } else { return value }}" //名称字符大于6时,显示前4个,后2个字符,中间显示省略号 } } } |
...
注意点
...
问题2
普通横条图的想实现刻度标签名称过长显示省略号,我这个需要怎么实现呢?
...
解决方案
选择的是普通横条图,然后在扩展属性实现如下代码:
代码块 | ||
---|---|---|
| ||
{ "yAxis": { "axisLabel": { "formatter": "function(value){ debugger; if (value.length > 6){ return value.substring(0, 4) + '...'+value.substring(value.length-2) ; } else { return value }}" //名称字符大于6时,显示前4个,后2个字符,中间显示省略号 } } } |
效果如下:
...
问题3
想实现下面图例如果文字过长,后面就省略的效果
...
解决方案
代码块 | ||
---|---|---|
| ||
{ "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "icon": "circle", //图例图标圆形 "textStyle": { "color": "#424e67", "fontStyle": "normal", "fontWight": "normal", "fontFamily": "微软雅黑", "fontSize": "12", "lineHeight": "20" }, //图例文字样式 //展示省略号 "formatter": "function(value){ debugger; if (value.length > 4){ return value.substring(0, 4) + '...';} else { return value }}" }, } |
...