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

相关内容

热门资讯

透视辅助!epoker透视(透... 透视辅助!epoker透视(透视)约局吧开挂,教程举措(新版有挂)-哔哩哔哩该软件可以轻松地帮助玩家...
透视解迷!wepoker能不能... 您好,wepoker有透视底牌吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【48527505...
透视必备!wepoker有透视... 透视必备!wepoker有透视底牌吗(透视)wepoker破解器激活码,教程讲义(详细教程)-哔哩哔...
透视关于!pokemmo内置修... 透视关于!pokemmo内置修改器(透视)pokemmo修改器手机版,教程方针(有挂详细)-哔哩哔哩...
透视详细!hhpoker透视码... 透视详细!hhpoker透视码(透视)wepoker辅助器是真的吗,教程步骤(的确有挂)-哔哩哔哩1...
透视科普!wepoker轻量版... 透视科普!wepoker轻量版透视方法(透视)红龙poker透视指令,教程窍要(有挂解惑)-哔哩哔哩...
透视详细!wepoker好友局... 透视详细!wepoker好友局透视(透视)德普之星怎么开辅助,教程资料(确实有挂)-哔哩哔哩1、透视...
透视普及!佛手在线大菠萝智能辅... 透视普及!佛手在线大菠萝智能辅助器(透视)哈糖大菠萝有挂吗,教程窍要(有人有挂)-哔哩哔哩亲,关键说...
透视教你!wpk系统是否存在透... 透视教你!wpk系统是否存在透视行为(透视)wepoker分析,教程机巧(有挂头条)-哔哩哔哩1、这...
透视教你!aapoker插件(... 透视教你!aapoker插件(透视)we-poker辅助,教程手筋(有挂详情)-哔哩哔哩1、we-p...