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,
  },
},
相关推荐
小柚净静19 分钟前
npm install vue-router 无法解析
javascript·vue.js·npm
风清扬雨31 分钟前
Vue3中v-model的超详细教程
前端·javascript·vue.js
八了个戒35 分钟前
「JavaScript深入」一文说明白JS的执行上下文与作用域
前端·javascript
鱼樱前端1 小时前
前端工程化面试题大全也许总有你遇到的一题~
前端·javascript·程序员
记得坚持1 小时前
@monaco-editor/loader实现Monaco Editor编辑器
javascript·vue.js
前端指南FG1 小时前
ECMAScript 2016-2024 新特性讲解
前端·javascript·面试
柒@宝儿姐2 小时前
Vue动态修改页面的 title 浏览器页签名称
前端·javascript·vue.js
颜酱2 小时前
后台系统从零搭建(三)—— 具体页面之菜单管理和角色管理
前端·javascript·react.js
the_one2 小时前
手写 AJAX:从零实现一个简洁的异步请求函数
前端·javascript
xulihang2 小时前
vCard名片二维码在前端的生成与扫描
前端·javascript·图像识别