Apex图表跳过一些具有相同值的数据点。
创始人
2024-11-10 05:00:25
0

在Apex图表中跳过具有相同值的数据点,您可以使用以下代码示例来解决问题:

// 示例数据
var data = [
  { x: 'A', y: 2 },
  { x: 'B', y: 2 },
  { x: 'C', y: 3 },
  { x: 'D', y: 3 },
  { x: 'E', y: 4 },
  { x: 'F', y: 4 },
  { x: 'G', y: 5 }
];

// 创建一个新数组,只包含不重复的数据点
var filteredData = [];
for (var i = 0; i < data.length; i++) {
  if (i === 0 || data[i].y !== data[i-1].y) {
    filteredData.push(data[i]);
  }
}

// 初始化 Apex 图表
var options = {
  chart: {
    type: 'line',
    height: 350
  },
  series: [{
    name: 'Data',
    data: filteredData
  }],
  xaxis: {
    type: 'category',
    categories: filteredData.map(d => d.x)
  }
};

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

上述代码首先定义了一个示例数据数组,其中包含一些具有相同值的数据点。然后,它创建了一个新数组filteredData,通过遍历原始数据数组并跳过具有相同值的数据点来填充。最后,使用filteredData数组初始化Apex图表。

相关内容

热门资讯

盘点一款!大唐撸麻雀作弊码,潮... 盘点一款!大唐撸麻雀作弊码,潮汕馆辅助,详细方法(的确有挂)1、大唐撸麻雀作弊码免费脚本咨询教程、大...
终于清楚!欢乐卡五星插件,微信... 终于清楚!欢乐卡五星插件,微信新版518互游辅助,详细工具(有挂解密)1、游戏颠覆性的策略玩法,独创...
分辨真假!518互游辅助器下载... 分辨真假!518互游辅助器下载,顺欣茶楼开挂,详细教程(有挂工具)1、518互游辅助器下载破解器简单...
最新技巧!雀友会广东潮汕苹果开... 您好,雀友会广东潮汕苹果开挂这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】...
一分钟秒懂!海米大厅辅助,瑞安... 一分钟秒懂!海米大厅辅助,瑞安玉海楼茶苑辅助器,详细挂(发现有挂)一、瑞安玉海楼茶苑辅助器游戏安装教...
总算了解!雀神广东定制插件辅助... 总算了解!雀神广东定制插件辅助,欢乐达人暗堡破解,详细技巧(有挂教程)1、雀神广东定制插件辅助有没有...
玩家交流!九哥玩挂,蜜瓜大厅小... 玩家交流!九哥玩挂,蜜瓜大厅小程序辅助,详细挂(有挂秘诀)1、下载好蜜瓜大厅小程序辅助正确养号方法之...
信息共享!爱玩联盟辅助软件视频... 信息共享!爱玩联盟辅助软件视频讲解,潮汕汇游戏辅助,详细神器(的确有挂)1、爱玩联盟辅助软件视频讲解...
三分钟了解!玫瑰大厅辅助,乐酷... 三分钟了解!玫瑰大厅辅助,乐酷解码辅助,详细方法(有挂工具)一、玫瑰大厅辅助游戏安装教程牌型概率发牌...
我来分享!奇迹掌趣辅助,科乐填... 我来分享!奇迹掌趣辅助,科乐填大坑作弊码,详细挂(真是有挂)1、打开软件启动之后找到中间准星的标志长...