我目前正在使用 ApexChart 来显示折线图。
问题:
我想知道是否有办法设置固定轴标签值。
我的研究努力
例如:
假设我想要一个折线图,显示 24 小时内每小时的一些计数,并在 x 轴上的 [00:00, 06:00, 12:00, 18:00] 小时标记处显示刻度(这部分就是我想要的)。
所以我们的图表将有 24 个数据点 [00:00, 01:00, ..., 23:00]。每小时一次。
x 轴上有时间 (hh:mm)。
在 y 轴上我们有计数。
如果我只是简单地插入数据集,我会得到如下所示的图表。
如您所见,ApexCharts 自动设置 x 轴刻度值。
遗憾的是,这不是我想要的...设置tickAmount也没有得到我想要的结果,因为ApexChart只是将范围(在本例中为0-23)除以tickAmount来获得其刻度。遗憾的是,无法通过划分轴来获得我想要的结果。
我还认为我可以将 x 轴类型设置为类别并仅显示每个第 n 个标签,但该选项似乎也不存在。
以下是我传递给 apexcharts 的选项
const options = {
chart: {
type: 'line',
},
series: {
name: 'count',
data, // data as type [number, number][], first number is date, second number is count. 24 data points. one for every hour. …Run Code Online (Sandbox Code Playgroud)