echarts使用记录

1. 图表中不显示值为 0 的标签

复制代码
 series: [{
        data: [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], // 示例数据,其中包含多个0值
        type: 'bar',//柱状图
        label: {
            show: true,
            formatter: function(params) {
                // 如果值为 0,则返回空字符串,不显示标签
                return params.value === 0 ? '' : params.value;
            }
        }
    }]

2.倾斜x 轴标签和强制显示所有标签

复制代码
 xAxis: {
    type: 'category',
    data: ['很长的标签1', '很长的标签2', '很长的标签3', '很长的标签4'],
    axisLabel: {
      interval: 0, // 强制显示所有标签
      rotate: -45, // 倾斜角度
      margin: 10   // 标签与轴线的距离
    }
  },

3.控制显示x ,y 轴线 是否显示

复制代码
yAxis: {
  axisLine: {
    show: false,
  },
},
xAxis: {
  axisLine: {
    show: false,
  },
},
相关推荐
码途进化论3 分钟前
从Chrome跳转到IE浏览器的完整解决方案
前端·javascript
笙年8 分钟前
Vue 基础配置新手总结
前端·javascript·vue.js
摇滚侠32 分钟前
Vue 项目实战《尚医通》,获取挂号医生的信息展示,笔记43
前端·javascript·vue.js·笔记·html5
k09331 小时前
vue3中基于AntDesign的Form嵌套表单的校验
前端·javascript·vue.js
茶憶1 小时前
UniApp RenderJS中集成 Leaflet地图,突破APP跨端开发限制
javascript·vue.js·uni-app
没头脑和不高兴y1 小时前
Element-Plus-X:基于Vue 3的AI交互组件库
前端·javascript
ErMao1 小时前
Proxy 与 Reflect:最硬核、最实用的解释
前端·javascript
k09331 小时前
在组件外(.js文件)中使用pinia的方法2--在http.js中使用pinia
开发语言·javascript·http
Glommer1 小时前
AST 反混淆处理示例
javascript·爬虫
二川bro1 小时前
第44节:物理引擎进阶:Bullet.js集成与高级物理模拟
开发语言·javascript·ecmascript