Javascript 如何格式化海图的X轴
我正在尝试编辑我的海图的x轴显示方式。我使用csv文件作为输入,因此默认情况下Highchart使用csv文件中的第一列作为x轴的输入。我无法更改csv文件的格式 当前,对于每行数据,x轴显示为: ‘2016年2月15日10:31:46’、‘2016年2月15日10:41:46’、‘2016年2月15日10:51:46’ 我只想显示时间,所以如果它是一个类似于Javascript 如何格式化海图的X轴,javascript,csv,highcharts,Javascript,Csv,Highcharts,我正在尝试编辑我的海图的x轴显示方式。我使用csv文件作为输入,因此默认情况下Highchart使用csv文件中的第一列作为x轴的输入。我无法更改csv文件的格式 当前,对于每行数据,x轴显示为: ‘2016年2月15日10:31:46’、‘2016年2月15日10:41:46’、‘2016年2月15日10:51:46’ 我只想显示时间,所以如果它是一个类似于date\u和\u time\u字符串[10:][/code>的字符串,则生成 “10:31:46”,“10:41:46”和10:51:4
date\u和\u time\u字符串[10:][/code>的字符串,则生成
“10:31:46”,“10:41:46”和10:51:46
然而,我在实现这一点上遇到了困难。我尝试了上面的方括号方法,然后是圆括号以及切片函数,但它没有改变格式
以下是我的当前代码,其中包括不成功的x轴格式设置:
$.get(data, function(csv) {
$('#container').highcharts({
chart: {
zoomType: 'x',
type: 'column',
},
data: {
csv: csv,
lineDelimiter: "\n",
},
title: {
text: 'CSV file data'
},
yAxis: {
title: {
text: 'Bytes'
}
},
xAxis: {
labels: {
format: '{data}'.slice(10,-2)
}
},
plotOptions: {
series: {
marker: {
enabled: false
}
}
}
});
});
使用
使用
快速提问,这在Safari中正常工作,但是当我使用Chrome时,它抛出错误“UncaughtTypeError:This.value.slice不是函数”。你知道为什么吗?不知道为什么Chrome在这个值中会有不同类型的值。。。slice在字符串(和数组)上工作。。。所以在Chrome中,这个.value
不是字符串!不知道,sorryQuick问题,这在Safari中正常工作,但是当我使用Chrome时,它抛出错误“UncaughtTypeError:This.value.slice不是函数”。你知道为什么吗?不知道为什么Chrome在这个值中会有不同类型的值。。。slice在字符串(和数组)上工作。。。所以在Chrome中,这个.value
不是字符串!不知道,对不起
xAxis: {
labels: {
formatter: function() {
return this.value.slice(10,-2);
}
}
},