Javascript Highcharts自定义x轴标签
我现在有一个柱状图,上面有我数据库中的数据,显示了一个用户每天花了多少钱。但我似乎无法更改x轴的每一条数据的标签,我希望它们是我数据库中每天支出的日期,而它们当前显示的是1月1日00:00:00,我似乎无法更改它们。我尝试了pointStart:Date.UTC(),但这似乎使整个过程崩溃。我的数据库中的日期是以Y-m-d格式存储的,因此它们应该可以直接切换而不会出现问题。理想情况下,我希望每天都能在我的数据库中标记它所代表的日期,我的数据库中确实有存储该信息的字段。或者,只需将pointStart设置为数据库中第一天的第二天,然后逐日递增。 这是我的图表的当前代码:Javascript Highcharts自定义x轴标签,javascript,php,mysql,charts,highcharts,Javascript,Php,Mysql,Charts,Highcharts,我现在有一个柱状图,上面有我数据库中的数据,显示了一个用户每天花了多少钱。但我似乎无法更改x轴的每一条数据的标签,我希望它们是我数据库中每天支出的日期,而它们当前显示的是1月1日00:00:00,我似乎无法更改它们。我尝试了pointStart:Date.UTC(),但这似乎使整个过程崩溃。我的数据库中的日期是以Y-m-d格式存储的,因此它们应该可以直接切换而不会出现问题。理想情况下,我希望每天都能在我的数据库中标记它所代表的日期,我的数据库中确实有存储该信息的字段。或者,只需将pointSta
var chart2 = new Highcharts.Chart({
chart: {
renderTo: 'chart2',
type: 'column'
},
title: {
text: 'Amount spent each day'
},
xAxis: {
type: 'datetime'
},
series: [{
name: 'Amount spent',
data: [<?php echo join($trip_total, ',') ?>],
}]
});
var chart2=新的Highcharts.Chart({
图表:{
renderTo:'图表2',
类型:“列”
},
标题:{
文字:“每天花费的金额”
},
xAxis:{
键入:“日期时间”
},
系列:[{
姓名:'花费金额',
数据:[],
}]
});
这张图片显示了我的图表,正如您所看到的,x轴从1月1日00:00:00开始标记,这是我需要更改的。
Highcharts在x轴类型为datetime且无法加载x轴值时以这种方式显示x标签。您使用的标签是1970年1月1日(unix时间的开始),然后递增一毫秒。你能发布这个表达式的值吗?
这个表达式是我数据库中的一个值数组,它是每天花费的总金额,它显示在图表中,它还能是什么?我想看看确切的格式。但问题不在于那部分,那部分很好用。我需要更改的是x轴标签如果Highcharts无法读取您的x轴值,那么它将使用默认值,这就是它现在正在做的。这就是我想看一看的原因。