echarts label换行

echarts label换行option tooltip show true legend data 销量 xAxis type category data 衬衫 羊毛衫 雪纺衫 裤子 高跟鞋 袜子 yAxis type value series

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); 

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/204943.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午7:10
下一篇 2026年3月19日 下午7:10


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号