首页 > 解决方案 > 在 x 轴上绘制 xrange 图而不是在中间

问题描述

我正在使用 highcharts 绘制图表以在 24 小时内监控打印机正在打印和打印机什么都不做的情况。我已经使用 xrange 类型完成了它,一切正常。我遇到的唯一问题是图表被绘制在图表的中间,我希望它被绘制在底部。我应该检查什么?这是我用来创建图表的代码

Highcharts.chart('chart', {
        chart: {
            type: 'xrange'
        },
        plotOptions: {
            series: {
                pointPlacement: 'on',
                colors: ["#00e205"],
            }
        },
        xAxis: {
            type: 'datetime',
            plotBands: bands,
            startOnTick: false
        },
        yAxis: {
            min: 0,
            startOnTick: false,
            categories: ['Stampa'],
            labels: {
                enabled: false
            }
        },
        legend : {
            enabled: false
        },
        tooltip: {
            formatter: function() {
                return "Inizio stampa: "+moment(this.x).format('H:mm:ss')+" <br />Fine stampa:"+moment(this.x2).format('H:mm:ss')
            }
        },
        title: {
            text: 'Plotter'
        }
    });

图形

标签: highcharts

解决方案


您可以禁用startOnTick属性并为 yAxis 设置适当的最小值

yAxis: {
    min: 0.45,
    startOnTick: false
},

现场演示:http: //jsfiddle.net/BlackLabel/o3kxbcum/

API 参考:https ://api.highcharts.com/highcharts/yAxis.min


推荐阅读