Question

我目前正在制作Highcharts的时间序列折线图。我需要在y轴上添加除第一个之外的所有刻度的主要刻度线（即0,5和10处的主要刻度，但只有5和10具有刻度线）。有谁知道一个简单的方法来实现这个目标？

Answer 1

我会推荐tickPositions属性或tickPositioner。

除了直接编辑SVG之外，你不得不定义你想要显示的所有刻度线的位置，但我不知道另一种方法来完成它。

参考：

Answer 2

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

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

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

Answer 3

您可以使用以下内容：

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>

Answer 4

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

tickPositions: [],

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

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

4 个答案: