gpt4 book ai didi

javascript - Highstock - 显示周数

转载 作者:行者123 更新时间:2023-12-04 02:04:32 27 4
gpt4 key购买 nike

如何在 Highstock(不是 Highcharts!)中显示日期的周数?

我的 SQL 是这样的

select unix_timestamp(date)*1000 week
(....)
group by yearweek(date,3)

我的JS

$(function() {
$.getJSON('json_chart.php', function(data) {

// Create the chart
$('#container').highcharts('StockChart', {


rangeSelector : {
selected : 2
},

title : {
text : 'Wyniki'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%e'
}
},
yAxis: [{
offset: 40,
title: {
text: 'Ilośc'
},
lineWidth: 2
}, {
title: {
text: 'Efek'
},
opposite: true,
}],

series : [{
name : 'Ode',
data : data.ode,
type : 'column',
yAxis: 0
},{
name : 'Sku',
data : data.sku,
marker : {
enabled : true,
radius : 3
},
yAxis: 1,
shadow : true
},{
name : 'TK',
data : data.tpk,
marker : {
enabled : true,
radius : 3
},
yAxis: 0,
shadow : true
}]
});
});
});

目前看起来是这样的:

enter image description here

但我想看起来像这样:

enter image description here

最佳答案

您可以使用dateFormats 添加它,例如:http://jsfiddle.net/EkAnm/

Highcharts.dateFormats = {
W: function (timestamp) {
var date = new Date(timestamp),
day = date.getUTCDay() == 0 ? 7 : date.getUTCDay(),
dayNumber;
date.setDate(date.getUTCDate() + 4 - day);
dayNumber = Math.floor((date.getTime() - new Date(date.getUTCFullYear(), 0, 1, -6)) / 86400000);
return 1 + Math.floor(dayNumber / 7);

}
}

然后在 formatdateFormat() 中使用:

xAxis: {
tickInterval: 7 * 24 * 36e5, // one week
labels: {
format: '{value:Week %W/%Y}'
}
},

关于javascript - Highstock - 显示周数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17850809/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com