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

相关内容

热门资讯

透视玄学!wepoker透视辅... 透视玄学!wepoker透视辅助下载(透视)竟然是真的有挂(详细辅助科技教程)1、游戏颠覆性的策略玩...
安装程序教程!hhpoker必... 1、安装程序教程!hhpoker必备开挂,wepoker有透视吗,2025新版总结(有挂软件);详细...
透视好友房!wpk俱乐部辅助器... 透视好友房!wpk俱乐部辅助器(透视)果然是有挂(详细辅助黑科技教程);1)辅助挂:进一步探索辅助透...
今日焦点!wejoker辅助软... 今日焦点!wejoker辅助软件视频,hhpoker开挂教程,攻略方法(有挂教程)1、玩家可以在we...
透视透视!wepoker私人局... 透视透视!wepoker私人局俱乐部(透视)竟然是有挂(详细辅助教你教程);1、许多玩家不知道辅助软...
透视规律!来玩app 德州 辅... 透视规律!来玩app 德州 辅助(透视)果然有挂(详细辅助黑科技教程);1、每一步都需要思考,不同水...
玩家必看科普!拱趴大菠萝机器人... 玩家必看科普!拱趴大菠萝机器人,aapoker辅助器怎么用,玩家教程(有挂技巧);大神普及一款德州a...
透视肯定!德州透视竞技联盟(透... 透视肯定!德州透视竞技联盟(透视)果然有挂(详细辅助必赢教程)1、透视辅助简单,软件透明挂操作,黑科...
推荐一款!约局吧游戏挂,wep... 推荐一款!约局吧游戏挂,wepoker私人局透视插件,辅助教程(有挂透视)关于wepoker私人局透...
透视计算!poker worl... 透视计算!poker world辅助(透视)总是是有挂(详细辅助解密教程);1、下载好辅助软件之后点...