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

相关内容

热门资讯

德州之星透视辅助器!德州ai辅... 德州之星透视辅助器!德州ai辅助,(德州ai)一直真的是有挂,透明教程(黑科技透明)1、下载好德州之...
wpk辅助效果实测!wpk辅助... wpk辅助效果实测!wpk辅助插件,(WpK)竟然有挂,透牌教程(黑科技插件)1、wpk辅助效果实测...
wepoke辅助!wepoke... wepoke辅助!wepokeai代打,(wePOKE)好像是真的有挂,wpk教程(黑科技脚本);1...
wepoke辅助插件!WePo... wepoke辅助插件!WePoKe透明挂,(wepower)竟然真的是有挂,详细教程(黑科技黑科技)...
wepoke用模拟器!德州we... wepoke用模拟器!德州wepower辅助器,(wEpoKe)一直是真的有挂,技巧教程(黑科技功能...
aapoker系统机制!aap... aapoker系统机制!aapoker辅助工具存在吗,(AAPOKEr)其实是真的有挂,力荐教程(黑...
wepoke黑科技!wepok... wepoke黑科技!wepoke透明挂使用教程,(wepoker)本来真的是有挂,玩家教你(黑科技透...
wepoke透明功能下载链接!... wepoke透明功能下载链接!wepoke透明挂是真的吗,(wepOKE)一直有挂,wepoke教程...
wepoke有挂吗网上靠谱吗!... wepoke有挂吗网上靠谱吗!wepokeai代打,(wePokE)其实是真的有挂,可靠技巧(黑科技...
德州之星透视辅助推荐!德州ai... 德州之星透视辅助推荐!德州ai辅助在哪里找,(德州之星)都是真的有挂,大神讲解(黑科技辅助挂);1)...