HighCharts yAxis слишком много места вокруг больших чисел - PullRequest
0 голосов
/ 19 ноября 2018

Мой текущий график

Только что начал использовать HighCharts. Я строю график цены акций, которая колеблется в районе 1598 долларов и 1601 доллара в течение дня. Все изменения, очевидно, небольшие - но цена меняется - она ​​не должна быть прямой. 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 голосов
/ 19 ноября 2018

Попробуйте установить минимальное значение 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;

или вы можете назначить минимальное значение из массива ответов.

0 голосов
/ 19 ноября 2018

Если вы установите опцию min для оси Y на число чуть ниже вашего минимума - в вашем случае, возможно, 1595, и у вас будет startOnTick to false, как вы упомянули, это, по сути, «увеличит» масштаб График сразу для желаемого диапазона, учитывая, что входы в этом диапазоне.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...