我面临的问题是我无法使用我的数据集中的日期绘制图表,因为它们以奇怪的方式绘制,因此不会将它们视为日期。
目前x轴显示1970年6月1日的日期,但如果它考虑我想要给出的日期那么它将是完美的。
以下是代码:
inject([
'$q','$rootScope','$timeout','TestService',
function(_$q_,$rs,$to,ts) {
$q = _$q_;
$rootScope = $rs;
$timeout = $to;
service = ts;
}
]);
以下是数据:
for (i = 0; i < data.length; i++){
processed_json.push([moment(data[i].day,"DD-MM-YYYY"), data[i].visitors]);
// processed_json1.push([data[i].day, data[i].u]);
}
$('#container').highcharts({
chart: {
type: 'line'
},
title: {
text: 'Daily visits at www.highcharts.com'
},
subtitle: {
text: 'Source: Google Analytics'
},
xAxis: {
type: 'datetime',
tickWidth: 0,
gridLineWidth: 1,
labels: {
align: 'left',
x: 3,
y: -3,
formatter: function() {
return Highcharts.dateFormat('%e %b', this.value * 7 * 24 * 3600 * 1000);
}
}
},
yAxis: [{ // left y axis
title: {
text: null
},
labels: {
align: 'left',
x: 3,
y: 16,
format: '{value:.,0f}'
},
showFirstLabel: false
}, { // right y axis
linkedTo: 0,
gridLineWidth: 0,
opposite: true,
title: {
text: null
},
labels: {
align: 'right',
x: -3,
y: 16,
format: '{value:.,0f}'
},
showFirstLabel: false
}],
legend: {
align: 'left',
verticalAlign: 'top',
y: 20,
floating: true,
borderWidth: 0
},
tooltip: {
shared: true,
crosshairs: true,
xDateFormat: '%A, %b %e, %Y'
},
series: [{
name: 'impressions',
data: processed_json},
{
name: 'clicks',
data: processed_json1
}
]