当我使用此代码时,应该可以正常工作
$('#somefieldname').change(function(){
$('#container').empty();
var link='highcharts.php';
var myjson= $.ajax({
url: link,
async: false
}).responseText;
myjson = myjson.replace("],]", "]]");
myjson=eval(myjson);
Highcharts.chart('container', {
chart: {
type: 'scatter',
zoomType: 'xy'
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
type: 'datetime',
labels: {
format: '{value:%d.%m.%Y}',
rotation: 45,
align: 'left'
},
title: {
enabled: true,
text: 'Date of entry'
},
startOnTick: true,
endOnTick: true,
showLastLabel: true
},
yAxis: {
title: {
text: 'Value'
}
},
legend: {
layout: 'vertical',
align: 'left',
verticalAlign: 'top',
x: 100,
y: 70,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF',
borderWidth: 1
},
plotOptions: {
scatter: {
marker: {
radius: 5,
states: {
hover: {
enabled: true,
lineColor: 'rgb(100,100,100)'
}
}
},
states: {
hover: {
marker: {
enabled: false
}
}
},
tooltip: {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: ' {point.y}'
}
}
},
series: [{
name: 'Value',
color: 'rgba(223, 83, 83, .5)',
data: myjson
}]
});
});
我从highcharts.php
获取这些数据[[new Date(&#34; 01.01.2017&#34;)。getTime(),700],[new Date(&#34; 07.03.2017&#34;)。getTime(),21000], [新日期(&#34; 07.03.2017&#34;)。getTime(),25000],[新日期(&#34; 07.03.2017&#34;)。getTime(),33000],[新日期( &#34; 07.03.2017&#34;)。getTime(),27000],[new Date(&#34; 07.03.2017&#34;)。getTime(),30000],[new Date(&#34; 11.05.2017&#34;)。getTime(),0],[new Date(&#34; 11.05.2017&#34;)。getTime(),0],[new Date(&#34; 11.05.2017&# 34;)。getTime(),0],[new Date(&#34; 11.05.2017&#34;)。getTime(),0],]
我得到的图表具有正确的日期,图表看起来不错,每次都可以。
但是当我更改#somefiledname值并获取此数据时,从highcharts.php我什么也得不到。为什么呢?
[[new Date(&#34; 31.01.2017&#34;)。getTime(),195000],[new Date(&#34; 31.01.2017&#34;)。getTime(),225000], [新日期(&#34; 31.01.2017&#34;)。getTime(),245000],[新日期(&#34; 31.01.2017&#34;)。getTime(),185000],[新日期( &#34; 31.01.2017&#34;)。getTime(),239000],[new Date(&#34; 20.03.2017&#34;)。getTime(),1300],[new Date(&#34; 20.03.2017&#34;)。getTime(),3200],[新日期(&#34; 20.03.2017&#34;)。getTime(),2700],[新日期(&#34; 20.03.2017&# 34;)。getTime(),4200],[new Date(&#34; 20.03.2017&#34;)。getTime(),1500],]
数据是这样的,因为这里有这个帖子 Highcharts scatter external data