0
x-as의 datetime 형식의 데이터에 문제가 있습니다. 나는 01/07/2016 (dd/MM/yyyy)과 01/10/2016의 날짜 범위를 가졌지 만 올바르게 표시된 그래프를 얻을 수 없습니다. 날짜가 올바르게 표시되지 않고 오류 15가 발생합니다.HighCharts Line xas datetime
데이터 (chartInfo.DataSetTime)를 사전 (문자열, 정수)으로 가져옵니다. 문자열은 2016년 1월 7일
이 같은 일이 내가 가진 무엇을 포함
var dataset = [];
$.each(chartInfo.DataSetTime, function (key, value) {
var datum = key.split('/');
var dateke = new Date(datum[2], datum[1] - 1, datum[0]);
dataset.push([Date.UTC(dateke.getFullYear(), dateke.getMonth() ,dateke.getDay()), value]);
});
for (var i in dataset) {
dataset[i].sort(function (a, b) {
if (a.x > b.x) {
return 1;
}
if (b.x > a.x) {
return -1;
}
return 0;
});
}
console.log(dataset);
$('#container').highcharts({
chart: {
zoomType: 'x',
defaultSeriesType: 'line',
renderTo: 'container'
},
title: {
text: chartInfo.TitleChart
},
subtitle: {
text: document.ontouchstart === undefined ?
'Klik en sleep in de grafiek om in te zoomen' : 'Swipe over de grafiek om in te zoomen'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: { // don't display the dummy year
month: '%e. %b',
year: '%b'
},
},
yAxis: {
title: {
text: chartInfo.TitleYas
}
},
legend: {
enabled: false
},
plotOptions: {
area: {
fillColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
]
},
marker: {
radius: 2
},
lineWidth: 1,
states: {
hover: {
lineWidth: 1
}
},
threshold: null
}
},
series: [{
type: 'area',
name: 'USD to EUR',
data: dataset.sort(function (a, b) {
return a[0] - b[0];
})
}]
});
어떤 도움이
을 감사
당신이 읽을나요 재미있는 설명서? http://www.highcharts.com/errors/15 –
예. 질문을 업데이트했습니다. 정렬을 시도했지만 여전히 잘못된 날짜가 표시되고 그래프가 재미있어 보입니다. – Kaizer
"재미있어 보이네요"보다 훨씬 더 구체적이어야합니다. :) – jlbriggs