HighCharts yAxis大数字周围的空间过多

时间:2018-11-19 17:45:50

标签: javascript highcharts

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,
        }
    ]
};

2 个答案:

答案 0 :(得分:0)

如果您将y轴的min选项设置为刚好低于最小值的数字-在您的情况下可能是1595,并且已经提到startOnTick to false,这实际上将“缩放”如果输入在该范围内,则立即在图形上输入“”。

答案 1 :(得分:0)

尝试设置yAxis的最小值。

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,
    min: 1550
},
title: {
    text: null
},
legend: {
    enabled: false
},
series: [
    {
        type: 'areaspline',
        data: data[0].data,
    }
  ]
 };

options.yAxis.min = 1550;

或者您可以从响应数组中分配最小值。