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,
  },
},
相关推荐
指尖跳动的光几秒前
前端如何通过设置失效时间清除本地存储的数据?
前端·javascript
于慨18 分钟前
dayjs处理时区问题、前端时区问题
开发语言·前端·javascript
拖拉斯旋风40 分钟前
深入理解 LangChain 中的 `.pipe()`:构建可组合 AI 应用的核心管道机制
javascript·langchain
肖老师xy41 分钟前
Ai生成时间排期进度
javascript·vue.js·elementui
Aliex_git42 分钟前
Vue 错误处理机制源码理解
前端·javascript·vue.js
ejjdhdjdjdjdjjsl43 分钟前
Winform初步认识
开发语言·javascript·ecmascript
掘金安东尼3 小时前
Vercel:我们为 React2Shell 发起了一项价值 100 万美元的黑客挑战
前端·javascript·github
掘金安东尼3 小时前
浏览器处理Base64数据的速度有多快?
前端·javascript·github
掘金安东尼3 小时前
为不同场景设计多样化的页面过渡动画
前端·javascript·github
持续升级打怪中3 小时前
深入解析深浅拷贝:原理、实现与最佳实践
开发语言·前端·javascript