百度echarts柱状图、折线图x轴文本太长导致页面很乱,下面web建站小编给大家简单介绍一个文本自动换行的方法!
具体代码如下:
xAxis: { axisLabel: { interval: 0, //x轴文字全部显示 formatter: function(params) { let newParamsName = '' const paramsNameNumber = params.length // 获取文数总长度 const provideNumber = 8 //控制每行的字段 const rowNumber = Math.ceil(paramsNameNumber / provideNumber) if (paramsNameNumber > provideNumber) { for (let p = 0; p < rowNumber; p++) { const start = p * provideNumber const end = start + provideNumber const tempStr = p === rowNumber - 1 ? params.substring(start, paramsNameNumber) : params.substring(start, end) + '\n' newParamsName += tempStr } } else { newParamsName = params } return newParamsName }, }, },
上面设置每行8个文字,超出自动换行~
百度echarts雷达图radar根据分数点显示每个不同颜色
标签: bar柱状图属性, line折线图参数, 百度echarts
上面是“百度echarts柱状图/折线图x轴显示全部文本(太长自动换行)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3825.html
workflows工作流
一个超现实和超现实的场景,在森林中心有一座蛇形的房子
一张精心制作的熊岛复古地图ComfyUI工作流
一只黑色章鱼ComfyUI工作流
一座精致透明的白瓷人物雕塑comfyui工作流
穿着蘑菇帽的小蚂蚁探险家ComfyUI工作流
一幅以霓虹灯照亮的城市天际线和未来主义画
星空星域星球comfyui工作流
丛林里坐着一尊佛像
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!