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、首先打开微信卡五星辅助器辅助...
玩家必备科技!微乐自建房辅助工... 玩家必备科技!微乐自建房辅助工具神器,微乐自建房脚本免费入口(开挂自建房)技巧1、微乐自建房辅助工具...
分享给玩家!微乐小程序麻将自建... 分享给玩家!微乐小程序麻将自建房辅助工具插件,微乐自建房脚本免费入口(开挂自建房)教程1、微乐小程序...
一分钟揭秘!微乐小程序麻将自建... 一分钟揭秘!微乐小程序麻将自建房辅助工具插件,微乐家乡麻将自建房辅助app(开挂自建房)工具1、进入...
新手必备!微乐自建房辅助工具,... 新手必备!微乐自建房辅助工具,微乐家乡麻将自建房辅助app(开挂自建房)工具该软件可以轻松地帮助玩家...
揭秘!微信微乐自建房辅助工具,... 揭秘!微信微乐自建房辅助工具,微乐小程序免费黑科技(开挂自建房)app1、在微信微乐自建房辅助工具插...
受玩家影响!wepoker有没... 受玩家影响!wepoker有没有插件,德普之星透视辅助,原来是有挂(有挂解密)进入游戏-大厅左侧-新...
于此同时!佛手在线大菠萝技巧,... 于此同时!佛手在线大菠萝技巧,德扑之星有辅助软件吗,好像确实有挂(有挂方法)一、德扑之星有辅助软件吗...
现有说明如下!wejoker辅... 现有说明如下!wejoker辅助软件视频,智星菠萝有挂吗,切实真的是有挂(有挂教程)暗藏猫腻,小编详...