charts - Highchart - xAxis 每周日期可以从给定日期开始吗?
问题描述
我有一个非常基本的“线”每周日期图形。我只需要 x 轴上的日期来开始我第一点的给定日期。我已指定pointStart: Date.UTC(2018, 09, 25)但它在不同月份显示不同的星期?如何在 x 轴上显示从给定日期开始的星期?
$('#container').highcharts({
chart: {
type: 'line'
},
credits : {
enabled : false
},
title: {
text: false
},
xAxis: {
tickInterval: 7 * 24 * 3600 * 1000,
type: 'datetime',
startOnTick: true,
startOfWeek: 0,
labels: {
format: '{value:%d/%m/%Y}',
rotation: -45,
y: 30,
align: 'center'
}
},
yAxis: {
min: 0,
title: {
text: 'HH'
}
},
plotOptions: {
series: {
pointStart: Date.UTC(2018, 09, 25),
pointInterval: 7 * 24 * 3600 * 1000
}
},
series: [
{
name: 'Curva Tardía',
data: [18, 27, 36, 36, 10]
}, {
name: 'Curva Temprana',
data: [9, 18, 27, 27, 90]
},{
name: 'Curva Real',
data: [0, 36, 45, 89, 100]
}
]
});
解决方案
容易犯错,in Date.UTC
,month 是一个从 0 开始的索引,这意味着用 09 初始化函数意味着它将月份设置为 10 月而不是 9 月。
通过设置Date.UTC(2018, 08, 25)
,您将获得您期望在那里的日期:
$('#container').highcharts({
chart: {
type: 'line'
},
credits : {
enabled : false
},
title: {
text: false
},
xAxis: {
tickInterval: 7 * 24 * 3600 * 1000,
type: 'datetime',
startOnTick: true,
startOfWeek: 0,
labels: {
format: '{value:%d/%m/%Y}',
rotation: -45,
y: 30,
align: 'center'
}
},
yAxis: {
min: 0,
title: {
text: 'HH'
}
},
plotOptions: {
series: {
pointStart: Date.UTC(2018, 08, 25),
pointInterval: 7 * 24 * 3600 * 1000
}
},
series: [
{
name: 'Curva Tardía',
data: [18, 27, 36, 36, 10]
}, {
name: 'Curva Temprana',
data: [9, 18, 27, 27, 90]
},{
name: 'Curva Real',
data: [0, 36, 45, 89, 100]
}
]
});
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
推荐阅读
- sql - 如何通过将天数减去 SQL 存储过程来将参数作为日期传递?
- selenium - 元素必须是用户可编辑的,以便清除它在 selenium 中的异常
- elasticsearch - 嵌套对象上的弹性搜索复杂布尔查询的错误结果
- python - 抓取网站来源并搜索单词
- java - 弹簧值:不正确的显示字段
- security - Symfony4 防火墙注销
- javascript - 如何在不拉伸整个表格行的情况下将大量内容固定到表格单元格中
- java - Windows 在哪里保存 JDK 位置参考?
- mysql - MySQL 将表复制到另一个数据库(不在同一个网络)- 备份?
- vba - 循环文件路径并打开 excel 时出现运行时错误 9