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、玩家可以在新超圣辅助靠谱不线上大...
玩家必备攻略!情怀国粹麻将神器... 玩家必备攻略!情怀国粹麻将神器,皮皮辅助软件演示,详细神器(有挂猫腻)1、进入游戏-大厅左侧-新手福...
重大通报!崇阳斗棋辅助脚本视频... 重大通报!崇阳斗棋辅助脚本视频,免费游戏辅助软件,详细器(今日头条)重大通报!崇阳斗棋辅助脚本视频,...
推荐一款!牵手app破解,来物... 推荐一款!牵手app破解,来物局潮汕辅助,详细脚本(有挂工具)来物局潮汕辅助能透视中分为三种模型:来...
免费测试版!功夫川麻bug,微... 免费测试版!功夫川麻bug,微信小程序途游四川辅助器,详细app(有挂秘笈)微信小程序途游四川辅助器...
专业讨论!德扑之星私人局辅助,... 专业讨论!德扑之星私人局辅助,川游游戏辅助,详细app(有挂规律)1、首先打开德扑之星私人局辅助辅助...
发现玩家!盛世辅助器,四川家园... 您好,四川家园游戏辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩...
玩家必看教程!蜀渝牌乐汇挂机软... 玩家必看教程!蜀渝牌乐汇挂机软件,方片十三张脚本,详细方法(详细教程)1、超多福利:超高返利,海量正...
一分钟揭秘!上饶打炸辅助,海豹... 一分钟揭秘!上饶打炸辅助,海豹3+1辅助器,详细神器(有挂技术)1、任何上饶打炸辅助透视是真的假的的...
交流学习经验!长春科乐天天踢辅... 交流学习经验!长春科乐天天踢辅助,新畅游互娱科技,详细攻略(有挂教程)1、下载好长春科乐天天踢辅助正...