javascript - 如何在轴线（x轴）处显示数据（传递给图表的数组）的最后一个值？

Question

在下图中，

轴线（x 轴）末端显示的日期与数据缩放末端显示的日期不同。

必需的，

日期应该相同，在轴线和数据缩放时，当不应用缩放时。日期应该是通过设置传递给图表的数据中的最后一个值。

截图来自echarts官方网站。

score 1 · Accepted Answer

实际上，图表确实显示了高达的数据2009/10/18，但由于 xAxis 刻度的间距不相等，因此图表末端有一小块区域

看看当我将鼠标悬停在图表的右端时会发生什么。它确实向您展示了2009/10/18。

因为轴刻度从左侧对齐，并且图表的轴是动态的（由于自定义缩放范围），它可能并不总是完美契合。

但是，您可以对刻度和标签进行一些操作。

例如，当您有 100 个数据点时，您可以将刻度间隔和标签从更改auto为，比如说，10（或另一个可被数据点数整除的整数）。

xAxis: [
    {
        axisTick: {
            interval: 10
        },
        axisLabel: {
            interval: 10
        },
    }
]

1 回答 1