VUE之Echarts图表y轴刻度提示文字过长显示为省略号

简介: VUE之Echarts图表y轴刻度提示文字过长显示为省略号

实现方法:
在y轴配置中定义:

yAxis: {
          type: 'value',
          // max: '1200',
          axisLine: {
            show: false,
            lineStyle: {
              color: 'white'
            }
          },
          axisTick: {
            show: false// 去除刻度
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: '#203557'
            }
          },
        triggerEvent: true,
          axisLabel: {
            formatter: param => {
              var template = param .toString()//由于是number类型,所以转字符串
              if (template .length > 3) { // 要显示的字符数
                template = template .substring(0, 3) + '...'//字符串截取
              }
              return template 
            }
          }
        },

效果图:
在这里插入图片描述

相关文章
|
12天前
|
数据可视化 JavaScript 前端开发
使用ECharts创建动态数据可视化图表
使用ECharts创建动态数据可视化图表
Echarts各类图表常用配置项说明,附示例代码
Echarts各类图表常用配置项说明,附示例代码
|
4天前
|
Apache
Axure rp9 引入Echarts图表 |手动引入图表 Apache Echarts
Axure rp9 引入Echarts图表 |手动引入图表 Apache Echarts
9 0
|
11天前
|
小程序 前端开发
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
26 0
|
13天前
|
JavaScript
vue 图表 Echarts
vue 图表 Echarts
12 0
|
13天前
|
JavaScript
vue实现点击按钮将指定文字复制到系统剪切板并提示复制成功
vue实现点击按钮将指定文字复制到系统剪切板并提示复制成功
11 0
|
20天前
|
JavaScript
vue点击按钮复制文字到粘贴板
vue点击按钮复制文字到粘贴板
16 0
|
21天前
|
JavaScript Apache CDN
Vue项目使用ECharts实现图表
Vue项目使用ECharts实现图表
31 0
|
2月前
|
数据可视化
echarts图表坐标轴数据标签添加下划线
echarts图表坐标轴数据标签添加下划线
110 0
|
2月前
|
容器
echarts图表怎样实现刷新功能?
echarts图表怎样实现刷新功能?