VUE之Echarts图表x轴y轴提示文字过长处理为省略号

简介: VUE之Echarts图表x轴y轴提示文字过长处理为省略号

只需对显示文字格式修改即可

yAxis: {
          type: 'category',
          axisLine: {
            show: false // 轴线
          },
          axisTick: {
            show: false// 去除刻度
          },
          axisLabel: {
            formatter: function(params) {
              const index = params.indexOf('#')
              const newParams = params.slice(0, index)
              var newParamsName = newParams.substring(0, 5) + '...'
              return newParamsName
            }
          },
          data: []
        },

前后对比图:这样看起来清爽多了
在这里插入图片描述
在这里插入图片描述

相关文章
Echarts各类图表常用配置项说明,附示例代码
Echarts各类图表常用配置项说明,附示例代码
|
3天前
|
JavaScript
vue点击按钮复制文字到粘贴板
vue点击按钮复制文字到粘贴板
7 0
|
3天前
|
JavaScript Apache CDN
Vue项目使用ECharts实现图表
Vue项目使用ECharts实现图表
13 0
|
1月前
|
前端开发 JavaScript 容器
vue3实现文字垂直滚动
vue3实现文字垂直滚动
50 5
|
1月前
|
容器
echarts图表怎样实现刷新功能?
echarts图表怎样实现刷新功能?
|
1月前
|
数据可视化 JavaScript 前端开发
Echarts是一个开源的JavaScript可视化库,用于创建各种类型的图表
Echarts是JavaScript的开源可视化库,Python通过Pyecharts库可调用它来绘制图表。示例展示了如何用Pyecharts创建柱状图:定义图表对象,设置标题和坐标轴,添加X轴、Y轴数据,最后渲染展示。Pyecharts还支持折线图、散点图、饼图等多种图表类型,更多详情可查阅官方文档。
59 0
|
1月前
|
前端开发 JavaScript 定位技术
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
49 0
|
1月前
|
存储
vue2、vue3分别配置echarts多图表的同步缩放(二)
vue2、vue3分别配置echarts多图表的同步缩放
31 0
|
1月前
|
API
vue2、vue3分别配置echarts多图表的同步缩放(一)
vue2、vue3分别配置echarts多图表的同步缩放
61 0