在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图表。
下一篇:Apex图表文本截断自定义