x 轴上的时间显示而不是 highstock 中的日期显示
Time display at x axis instead of date display in highstock
我在 X 轴上以 18:30:00.000 格式获取时间而不是日期,如何在 X 轴上显示日期?我将日期作为 varchar 并以这种格式插入
2015-04-01 入库。
然后我使用这个查询获取:
$sql = "SELECT TRIM(TRAILING '.000000' from UNIX_TIMESTAMP(date)*1000) as unixdate,".$type." from h_stats where category='Hits' order by unixdate asc";
并创建日期格式为 highcharts 的 CSV 文件。我正在使用下面的 jquery 属性 使用 highcharts 在 X 轴上显示日期。但是我听不懂。
$('#hits').highcharts('StockChart', {
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
second: '%Y-%m-%d<br/>%H:%M:%S',
minute: '%Y-%m-%d<br/>%H:%M',
hour: '%Y-%m-%d<br/>%H:%M',
day: '%Y<br/>%m-%d',
week: '%Y<br/>%m-%d',
month: '%Y-%m',
year: '%Y'
}
},
我猜你使用 PHP 连接数据库,所以最好从数据库中获取数据并转换为 json。然后在 jaascript 中将其加载到 highcharts。在 SO 中,您会发现许多类似的主题。
我在 X 轴上以 18:30:00.000 格式获取时间而不是日期,如何在 X 轴上显示日期?我将日期作为 varchar 并以这种格式插入 2015-04-01 入库。 然后我使用这个查询获取:
$sql = "SELECT TRIM(TRAILING '.000000' from UNIX_TIMESTAMP(date)*1000) as unixdate,".$type." from h_stats where category='Hits' order by unixdate asc";
并创建日期格式为 highcharts 的 CSV 文件。我正在使用下面的 jquery 属性 使用 highcharts 在 X 轴上显示日期。但是我听不懂。
$('#hits').highcharts('StockChart', {
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
second: '%Y-%m-%d<br/>%H:%M:%S',
minute: '%Y-%m-%d<br/>%H:%M',
hour: '%Y-%m-%d<br/>%H:%M',
day: '%Y<br/>%m-%d',
week: '%Y<br/>%m-%d',
month: '%Y-%m',
year: '%Y'
}
},
我猜你使用 PHP 连接数据库,所以最好从数据库中获取数据并转换为 json。然后在 jaascript 中将其加载到 highcharts。在 SO 中,您会发现许多类似的主题。