Javascript Highcharts JS的样式设置问题

我正在使用Highcharts制作一个折线图，使它非常接近我需要的设计。我似乎无法让xAxis在边缘开始和结束。我不想在yAxis和第一条情节线之间留任何空间。只需使用：

xAxis: {
    startOnTick: true,
    endOnTick: true
}

似乎不能满足我的需要。我错过什么了吗

我还需要yAxis不要从底部开始，也不要从顶部结束。我希望第一个勾号在第二个位置，名称“收入”和“订单量”在顶部，最后一个勾号在下面一行。我似乎也不能让它们像所有标签一样对齐。 这是我现在的样子

这就是最终结果需要的样子

---

任何帮助都将不胜感激。我似乎在他们的API中找不到我需要的东西。

在您当前的状态和最终结果之间有一点差异，但我将解决您声明的两个问题。第一:

我似乎无法让xAxis在边缘开始和结束

这有点奇怪，但下面是我建议的解决方案，它特别适用于带有类别的x轴：

var categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'];

$('#container').highcharts({
    // ...
    xAxis: {
        categories: categories,
        min: 0.5,
        max: categories.length - 1.5,
        startOnTick: false,
        endOnTick: false
        // ...
    }
});

你还说：

我希望第一个勾号在第二个位置，名称“收入”和“订单量”在顶部，最后一个勾号在下面一行

使用相同操作执行这两项操作的一种方法是使用标签的

格式化程序。例如：

$('#container').highcharts({
    // ...
    yAxis: [{
        // ...
        title: {
            text: 'Revenue ($)',
            enabled: false
        },
        labels: {
            // ...
            formatter: function() {
                if(this.isLast) {
                    return this.axis.options.title.text;
                }
                else if(!this.isFirst) {
                    return this.value+"k";
                }
                return;
            }
        }
    },
    //...
    ]
});

有关这些更改的外观，请参见。
若要在边缘开始和结束，只需在
绘图选项系列上设置
点位置：'on'
。要放置标题，请使用x和y选项。试一试