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、奈曼麻将透视辅助软件...
黑科技辅助!卡农大厅(辅助),... 黑科技辅助!卡农大厅(辅助),广西跑胡子原来是真的有透视挂软件(有辅助挂详情)1、完成广西跑胡子辅助...
黑科技作弊器!老友记(作弊器)... 黑科技作弊器!老友记(作弊器),九九大厅一直有透视挂攻略(有辅助挂秘籍)九九大厅破解侠是真的助透视。...
黑科技透视挂!微信小程序微乐陕... 黑科技透视挂!微信小程序微乐陕西挖坑辅助(透视挂),微乐福州麻将好像是有透视挂插件1)微信小程序微乐...
黑科技开挂!微信小程序微乐辅助... 黑科技开挂!微信小程序微乐辅助器教程(开挂),微乐陕西麻将果然真的是有透视挂方法微信小程序微乐辅助器...
黑科技作弊器!小程序微乐辅助器... 黑科技作弊器!小程序微乐辅助器2.0(作弊器),微乐明皇暗保真是真的是有透视挂软件1、操作简单,无需...
黑科技辅助器!小程序跑得快的技... 黑科技辅助器!小程序跑得快的技巧(辅助器),微乐麻将果然是真的有透视挂方法1、打开软件启动之后找到中...