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,
  },
},
相关推荐
Maxkim21 分钟前
前端工程化落地指南:pnpm workspace + Monorepo 核心用法与实践
前端·javascript·架构
小兵张健13 小时前
开源 playwright-pool 会话池来了
前端·javascript·github
codingWhat16 小时前
介绍一个手势识别库——AlloyFinger
前端·javascript·vue.js
Lee川16 小时前
深度拆解:基于面向对象思维的“就地编辑”组件全模块解析
javascript·架构
进击的尘埃16 小时前
Web Worker 与 OffscreenCanvas:把主线程从重活里解放出来
javascript
codingWhat16 小时前
手撸一个「能打」的 React Table 组件
前端·javascript·react.js
进击的尘埃16 小时前
用 TypeScript 的 infer 搓一个类型安全的深层路径访问工具
javascript
yuki_uix16 小时前
Object.entries:优雅处理 Object 的瑞士军刀
前端·javascript
Lee川16 小时前
JavaScript 面向对象编程全景指南:从原始字面量到原型链的终极进化
javascript·面试
Neptune120 小时前
JavaScript回归基本功之---类型判断--typeof篇
前端·javascript·面试