小编Dav*_*ida的帖子

ApexCharts.js:如何为折线图中的轴标签设置固定值

我目前正在使用 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)

javascript charts apexcharts

4
推荐指数
1
解决办法
3万
查看次数

标签 统计

apexcharts ×1

charts ×1

javascript ×1