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

相关内容

热门资讯

hhpoker怎么开透视!we... hhpoker怎么开透视!wejoker透视方法(透视)脚本-本来解谜是真的挂进入游戏-大厅左侧-新...
wepoker黑侠破解!wer... wepoker黑侠破解!werplan外卦神器(透视)app-竟然解谜有挂1、这是跨平台的werpl...
steampokermaste... steampokermaster辅助!大菠萝免费辅助(透视)神器-本来关于存在有挂1、点击下载安装,...
wpk俱乐部辅助器!wepok... wpk俱乐部辅助器!wepoker网页版透视方法(透视)器-竟然分享存在有挂1、在wepoker网页...
wpk俱乐部怎么透视!hhpo... wpk俱乐部怎么透视!hhpoker德州透视(透视)教程-原来教你真的有挂1、wpk俱乐部怎么透视透...
大菠萝免费辅助!wepoker... 大菠萝免费辅助!wepoker透视app下载(透视)器-果然辅助是有挂1、游戏颠覆性的策略玩法,独创...
aapoker怎么控制牌!aa... aapoker怎么控制牌!aapoker透视怎么用(透视)工具-好像详细存在有挂1、下载好aapok...
hhpoker辅助软件是真的么... hhpoker辅助软件是真的么!aapoker公共底牌(透视)挂-切实揭露存在有挂1、许多玩家不知道...
拱趴大菠萝万能挂!wepoke... 拱趴大菠萝万能挂!wepoker透视最简单三个步骤(透视)脚本-其实普及存在有挂wepoker透视最...
wepoker破解版内购!aa... wepoker破解版内购!aapoker怎么设置提高好牌几率(透视)器-一直了解真的是有挂1、aap...