当使用Apexcharts绘制图表时,有时需要处理不规则的x值,例如时间戳或日期。以下是处理不规则x值的示例代码:
HTML:
JavaScript:
var options = {
chart: {
type: 'line',
height: 350
},
series: [{
name: 'Sales',
data: [
[1538778600000, 500],
[1538782200000, 700],
[1538785800000, 600],
[1538789400000, 800],
[1538793000000, 900],
[1538821800000, 1100],
[1538825400000, 1200],
[1538829000000, 1500],
[1538832600000, 1300]
]
}],
xaxis: {
type: 'datetime'
}
}
var chart = new ApexCharts(
document.querySelector("#chart"),
options
);
chart.render();
在这个例子中,x值是时间戳,图表的x轴被设为type: 'datetime'
。这允许Apexcharts正确地解析x值并在x轴上显示正确的时间。通过使用此技术,您可以使用任何不规则的x值来创建Apexcharts图表。