javascript - 如何删除 Highcharts 中没有数据点的轴标签？

Question

我使用 x 轴 minRange 来让我的数据点始终从 x 轴的左侧开始。我的数据集最多可以有 9 个点。每当我的集合只有一个或几个数据点时，如果我没有将 minRange 设置为正确的值，这些数据点最终会在图表中居中。我的 x 轴设置为 categories: [] 以将我的时间值用作字符串而不是日期值。问题是，当我只有两个数据点和 minRange = 9 时，我将有七个编号为 2-9 的轴标签，没有数据点。我怎样才能去除这些标签？

Fiddle

var json = [{"price":"15","time":"12:00"},{"price":"20","time":"12:30"}];
var processed_json = new Array();
$.map(json, function (obj, i) {
    processed_json.push({name: obj.time,y: parseInt(obj.price) });
});

$('#container').highcharts({
        xAxis: {
            categories: [],
            minRange: 9,
            min: 0
        },
        yAxis: {
            minRange: 30
        },
        series: [{
            data: processed_json
        }]
    });

Answer 1

我会为此使用tickPositions。 您可以在用于构建数据的同一循环中构建 tickPositions 数组，只需添加:

tickPositions.push(i);

示例:

• http://jsfiddle.net/n4ym5xgr/4/