javascript - plotOptions.column.pointPlacement 一致性问题
问题描述
我正在使用 Highcharts v6.0.7。
目标:我需要在 x 轴刻度线上将柱形条居中对齐。
配置:Highcharts 柱形图 X 轴为日期时间且未分类。我正在使用带有数值的 pointPlacement 以便将图表的柱形条与 x 轴刻度线居中对齐。
问题:昨天,pointPlacement 的某个数值使列条“在”刻度线上居中。但是,今天,所有配置都保持不变,柱形条偏离 x 轴刻度线。
问题:
- 这是 Highcharts 的一个错误,还是我需要更多配置以及 pointPlacement 来使柱形条居中。我参考了这个文档——https://api.highcharts.com/highcharts/series.column.pointPlacement
- 对于未分类的 x 轴,是否有替代属性可以将柱形条置于轴刻度线的中心?
- 我看到在我的图表中,“on”和“between”的 pointPlacement 值没有按预期工作。此外,值 0 不会使列栏“在”轴刻度线上居中(文档说明它应该)
代码
this.chart = new Chart({
chart: {
type: 'column',
},
title: {
text: this.title
},
xAxis: {
type: this.xType,
startOnTick: true,
min: moment(this.pointStart).add(1, 'days').unix() * 1000,
tickInterval: this.xTickInterval,
labels : {
align: 'center'
}
},
yAxis: {
...
},
tooltip : {
...
},
credits: {
...
},
plotOptions: {
column: {
pointPlacement: 0.4
},
series: {
pointStart: this.pointStart ? moment(this.pointStart).unix() * 1000 : 0,
pointInterval: this.pointInterval,
showInLegend: false
}
},
series: [{
data: [], //show empty grid initially
}]
});
解决方案
推荐阅读
- google-sheets - 为什么谷歌表格另存为 PDF 不会在单元格中显示图标?
- json - 无法将 JSON 转换为对象
- c# - 无法使用其 XSD 反序列化来自 REST 服务的 HttpResponse 消息以生成 C# 类
- php - Laravel hasMany() 基于 2 个条件
- python - 如何从 groupby 模式中选择一个值?
- azure-files - 如何为 azure 文件共享设置自动触发器
- selenium - 刮除一个以上的标准
- node.js - 从一个表中触发多项选择,并使用 node-red dashdb-in 和 dashdb-out 模块将结果插入到目标表中
- mysql - QUERY 显示用户 SQL-Workbench 的好友列表
- mysql - MariaDB中生成的列定义中的用户定义函数?