echarts label换行

option = {
					tooltip: {
						show: true
					},
					legend: {
						data: ['销量']
					},
					xAxis: [{
						type: 'category',
						data: ["衬衫", "羊毛 衫", "雪纺 衫", "裤子", "高跟 鞋", "袜子"]
					}],
					yAxis: [{
						type: 'value'
					}],
					series: [{
						"name": "销量",
						"type": "bar",
						"data": [5, 201, 403, 102, 104, 205],
						itemStyle: {
							normal: {
								label: {
									show: true,  //开启显示
									position: 'top',  //在上方显示
									textStyle: {  //数值样式
										color: 'black',
										fontSize: 16
									},
									 formatter: function(v) { //让series 中的文字进行换行
                                    //文字中遇到空格就换行,让value换行可以先把value变成字符串再slice操作
                                    let text = v.value + "\n"  + v.name.split(" ").join("\n");
                                    return text;
            }
								}
							}
						},
					}]
				};
 
				// 为echarts对象加载数据 
				myChart.setOption(option);

在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值