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,
  },
},
相关推荐
koooo~1 天前
Vue3中的依赖注入
前端·javascript·vue.js
细节控菜鸡1 天前
【2025最新】ArcGIS for JS二维底图与三维地图的切换
javascript·arcgis
FuckPatience1 天前
Vue 中‘$‘符号含义
前端·javascript·vue.js
光影少年1 天前
vue打包优化方案都有哪些?
前端·javascript·vue.js
木易 士心2 天前
Ref 和 Reactive 响应式原理剖析与代码实现
前端·javascript·vue.js
卷Java2 天前
饼状图修复总结
java·spring boot·uni-app·echarts
uhakadotcom2 天前
execjs有哪些常用的api,如何逆向分析网站的加签机制
前端·javascript·面试
闲蛋小超人笑嘻嘻2 天前
find数组方法详解||Vue3 + uni-app + Wot Design(wd-picker)使用自定义插槽内容写一个下拉选择器
前端·javascript·uni-app
小牛itbull2 天前
初始化electron项目运行后报错 electron uninstall 解决方法
前端·javascript·electron