隐藏 Highcharts 时间序列中的第一个刻度

Question

我目前正在 Highcharts 中制作时间序列折线图。我需要在 y 轴上为除第一个以外的所有刻度添加主要刻度线（即主要刻度为 0、5 和 10，但只有 5 和 10 有刻度线）。有谁知道完成此操作的简单方法？

Answer 1

我会推荐 tickPositions 属性或 tickPositioner。

这让您不得不定义所有要显示的刻度的位置，但除了直接编辑 SVG 之外，我不知道还有其他方法可以实现它。

参考：

Answer 2

这显然不理想，因为您希望您的图表配置存在于您的 Highcharts 定义中，但使用伪选择器隐藏最后一个报价是可行的。

Highcharts 使用 class .highcharts-axis 在 svg 元素内分配轴刻度。假设您要为所有图表隐藏它，请将以下内容添加到您的 CSS 文件：

.highcharts-axis :last-child {
    display: none;
}

Answer 3

我知道为时已晚，但可能有人试图找到更好的解决方案，使用

tickPositions: [],

此处示例http://jsfiddle.net/q602Lsmc/

Answer 4

您可以使用以下内容：

https://api.highcharts.com/highcharts/xAxis.showFirstLabel https://api.highcharts.com/highcharts/xAxis.showLastLabel

演示：

Highcharts.chart('container', {
    xAxis: {
        showLastLabel: false,
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

隐藏 Highcharts 时间序列中的第一个刻度

Hide first tick in Highcharts time series

highcharts