javascript - HighCharts yAxis 大数字周围的空间太大

Question

My current chart

刚开始使用 HighCharts。我绘制的股票价格在一天内在 1,598 美元和 1,601 美元左右波动。变化显然都很小——但价格在变化——它不应该是一条直线。 HighCharts 似乎缩小得太远了。我已经添加了 startOnTick: false 等，但到目前为止还没有成功。有什么明显的我可能会遗漏的吗？

以下选项:

const options = {
    chart: {
        height: '150px',
        backgroundColor: theme.colors.white02
        margin: 0,
        spacing: [0, 0, 0, 0]
    },
    xAxis: {
        title: {
            text: null
        },
        labels: {
            enabled: false
        },
        startOnTick: false,
        endOnTick: false,
        type: 'datetime',
        gridLineWidth: 1,
    },
    yAxis: {
        title: {
            text: null
        },
        labels: {
            enabled: false
        },
        startOnTick: false,
        minPadding: 10,
        maxPadding: 0
    },
    title: {
        text: null
    },
    legend: {
        enabled: false
    },
    series: [
        {
            type: 'areaspline',
            data: data[0].data,
        }
    ]
};

Answer 1

如果您将 y 轴的 min 选项设置为刚好低于您的最小值的数字 - 在您的情况下可能是 1595，并且您将 startOnTick 设置为 false我们已经提到过，如果输入在该范围内，这基本上会立即在图表上“放大”您想要的范围。