ApexCharts:隐藏图表中的每第n个标签
创始人
2024-11-10 03:00:33
0

您可以使用ApexCharts中的xaxis.labels.hideOverlappingLabels属性来隐藏每第n个标签。以下是一个示例代码:

var options = {
  chart: {
    type: 'bar',
    height: 350
  },
  series: [{
    name: 'sales',
    data: [30, 40, 45, 50, 49, 60, 70, 91, 125]
  }],
  xaxis: {
    categories: ['01/01/2022', '02/01/2022', '03/01/2022', '04/01/2022', '05/01/2022', '06/01/2022', '07/01/2022', '08/01/2022', '09/01/2022'],
    labels: {
      hideOverlappingLabels: true, // 隐藏重叠标签
      showDuplicates: false // 隐藏重复标签
    }
  }
};

var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

在上面的代码中,我们将hideOverlappingLabels属性设置为true,以隐藏重叠的标签。如果需要隐藏重复的标签,可以将showDuplicates属性设置为false。根据您的需求,您可以调整categories数组中的日期和data数组中的数据。

相关内容

热门资讯

第五分钟外挂!约局吧辅助下载手... 第五分钟外挂!约局吧辅助下载手机,九酷互娱辅助,总结教程(揭秘有挂)-哔哩哔哩1、进入游戏-大厅左侧...
两分钟必备!牛总管一定要牛辅助... 两分钟必备!牛总管一定要牛辅助,浙江游戏大厅脚本修改(果然是真的挂)-哔哩哔哩1、该软件可以轻松地帮...
三分钟外挂!新玄龙开挂图片片,... 三分钟外挂!新玄龙开挂图片片,赣牌圈辅助器视频,介绍教程(有挂辅助)-哔哩哔哩1、完成赣牌圈辅助器视...
7分钟教你!小程序挖坑辅助器,... 7分钟教你!小程序挖坑辅助器,战神辅助众包(都是有挂)-哔哩哔哩1、小程序挖坑辅助器透视辅助简单,小...
第七分钟外挂!逍遥卡五星辅助器... 第七分钟外挂!逍遥卡五星辅助器,四川游戏家园破解版,教你教程(真的有挂)-哔哩哔哩1、实时四川游戏家...
第8分钟专业!中至小程序如何破... 第8分钟专业!中至小程序如何破解,嘟咪互动修改器(都是有挂)-哔哩哔哩1、完成中至小程序如何破解的残...
6分钟外挂!皇豪互众插件,潮汕... 6分钟外挂!皇豪互众插件,潮汕掌上娱破解,必胜教程(有挂教学)-哔哩哔哩1.潮汕掌上娱破解 ai辅助...
第2分钟解密!来趣广西友玩脚本... 第2分钟解密!来趣广西友玩脚本辅助,福建天天开心王国辅助(总是存在有挂)-哔哩哔哩1、福建天天开心王...
两分钟外挂!微信微乐辅助免费,... 两分钟外挂!微信微乐辅助免费,新广西老友辅助,玩家教你(有挂助手)-哔哩哔哩1、让任何用户在无需微信...
第八分钟解谜!微信小程序功夫川... 第八分钟解谜!微信小程序功夫川免费辅助,余干六副真有辅助吗(一直是真的挂)-哔哩哔哩1、下载好微信小...