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图表。

相关内容

热门资讯

专业讨论!新道游怎么开挂,po... 专业讨论!新道游怎么开挂,pokemmo脚本辅助下载,可靠教程(有挂秘诀);1、首先打开新道游怎么开...
分享认知!手机透视辅助器app... 分享认知!手机透视辅助器app,wpk俱乐部有没有辅助,切实教程(新版有挂);手机透视辅助器app简...
关于!决胜麻架胡易辅助,pok... 关于!决胜麻架胡易辅助,pokemmo脚本,新2025版(有挂教程);【福星临门,好运相随】;关于!...
必备辅助推荐!微乐小程序黑科技... 必备辅助推荐!微乐小程序黑科技,wepoker怎么发冤家牌,技巧教程(证实有挂)是一款可以让一直输的...
程序员教你!蜀山四川小程序破解... 程序员教你!蜀山四川小程序破解版下载,哈糖大菠萝可以开挂吗,透明挂教程(有挂方法)是一款可以让一直输...
必知教程!牵手游戏辅助器,哈糖... 必知教程!牵手游戏辅助器,哈糖大菠萝辅助器,2025新版(有挂细节);牵手游戏辅助器中的10万兆豆可...
今日公布!情怀游戏辅助器破解版... 《今日公布!情怀游戏辅助器破解版,hhpoker可以控制牌吗,靠谱教程(有挂教学)》 情怀游戏辅助器...
关于!途游大作战辅助,poke... 【福星临门,好运相随】;关于!途游大作战辅助,pokemmo辅助工具,必胜教程(有挂猫腻);暗藏猫腻...
重大来袭!情怀破解,wepok... 重大来袭!情怀破解,wepoker免费透视,必胜教程(有挂头条);详细情怀破解攻略(情怀破解软件透明...
重大通报!家乡大二有没有辅助,... 重大通报!家乡大二有没有辅助,来玩app破解,攻略教程(有挂助手);家乡大二有没有辅助最新版本免费下...