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,
  },
},
相关推荐
IMPYLH5 小时前
HTML 的 <h1>–<h6> 元素
前端·javascript·html
WIN赢6 小时前
【抽象思想-从复杂中抽离简单、收敛的口子】
java·前端·javascript
冰暮流星8 小时前
javascript之webstorage用法
开发语言·javascript·ecmascript
执子念的飞鱼8 小时前
浏览器直接预览 Pages、Numbers、Keynote:iWork 格式真正难在哪
前端·javascript
用户345208153888 小时前
我给 DSH 写了读 10x 数据的插件
javascript
执子念的飞鱼9 小时前
70MB Excel 浏览器预览失败:定位 XLSX 重复解压与内存峰值
javascript·性能优化
12.=0.9 小时前
【REVIEW_C】【持续更新】
服务器·前端·javascript
Brown.alexis9 小时前
es6知识点4-自备使用
前端·javascript·es6
一颗烂土豆9 小时前
ECharts 太平面?试试这款 Vue 3D 图表库
前端·vue.js·echarts