highcharts - 在 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'
}
});
解决方案
您可以禁用startOnTick属性并为 yAxis 设置适当的最小值:
yAxis: {
min: 0.45,
startOnTick: false
},
现场演示:http: //jsfiddle.net/BlackLabel/o3kxbcum/
推荐阅读
- python - 在 SQLite3 中使用 executemany 执行 UPDATE 语句
- c# - 为一类对象赋值
- java - 数组的方法和命令
- python - 如何使用 Python 3.7 或更高版本查看 Jupyter Lab 中所有已安装的 Python 模块(如 pip freeze)?
- java - 如何直接消除文本字段 JavaFx 中的字符,以便用户无法输入字符?
- android - Delphi Android 长进程等待消息
- html - 电子邮件验证的模式属性在 html5 中不起作用
- mysql - mySQL 存储过程中的临时表
- .net - 是否可以将 .Net 核心 MVC 应用程序包装为 dll,添加对另一个控制台应用程序的引用并从控制台应用程序开始?
- http - 如何从http POST请求结果颤振在listview builder上显示数据