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数组中的数据。

相关内容

热门资讯

透视脚本!wepoker黑侠辅... 透视脚本!wepoker黑侠辅助器,wepoker安装教程(原来是有挂)1、wepoker黑侠辅助器...
透视肯定!wepoker有插件... 透视肯定!wepoker有插件吗,wepoker免费脚本(总是真的是有挂);1、在wepoker有插...
透视辅助!wepoker怎么发... 透视辅助!wepoker怎么发冤家牌,wepokerplus透视脚本免费(原来有挂)1、很好的工具软...
透视ai代打!wepoker免... 透视ai代打!wepoker免费脚本,wepoker有机器人吗(都是是有挂);1、下载好wepoke...
透视教学!wepoker到底有... 透视教学!wepoker到底有没有透视,wepoker新号好一点吗(一贯是真的有挂)1)wepoke...
透视玄学!wepoker透视脚... 透视玄学!wepoker透视脚本免费下载pc,wepoker透视脚本视频(原来是有挂)暗藏猫腻,小编...
透视新版!wepoker黑侠辅... 透视新版!wepoker黑侠辅助器正版下载,wepoker分析(竟然有挂)1、完成wepoker黑侠...
透视了解!wepoker黑侠辅... 透视了解!wepoker黑侠辅助器,we-poker有人玩吗(真是有挂)透视了解!wepoker黑侠...
透视ai!安装不了wepoke... 透视ai!安装不了wepoker,wepoker国外版透视(都是真的有挂)1、透视ai!安装不了we...
透视计算!wepoker透视脚... 透视计算!wepoker透视脚本视频,wepoker代打辅助机器人(果然是有挂)1、上手简单,内置详...