javascript - font - Los Highcharts dispersan datos externos

set title highchart

Question

Creé el documento con gráficos de dispersión de gráficos altos

 Highcharts.chart(''container'', {
chart: {
type: ''scatter'',
zoomType: ''xy''
},
title: {
text: ''''
},
subtitle: {
text: ''''
},
xAxis: {
title: {
enabled: true,
text: ''Date of entry''
},
startOnTick: true,
endOnTick: true,
showLastLabel: true
},
yAxis: {
title: {
text: ''Values''
}
},
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: ''Dana {point.x} = {point.y}''
}
}
},
series: [{
name: ''Values'',
color: ''rgba(223, 83, 83, .5)'',
data: [[167.6, 64.5], [167.6, 72.3], [167.6, 61.4]]
}]
});

y esto funciona Este código es de la página de documentación. Obtengo datos de dispersión normales como en esta página Highcharts scatter jsfiddle Ahora, creé otro archivo PHP que me produce datos que realmente necesito. está en el documento highcharts.php y el resultado es esto

[07.03.2017,21000], [07.03.2017,25000], [07.03.2017,33000], [07.03.2017,27000], [07.03.2017,30000], [01.01.2017,700], [11.05 .2017,0], [11.05.2017,0], [11.05.2017,0], [11.05.2017,0],

cómo conectar datos a este archivo highcharts.php? Encontré algunos ejemplos pero no puedo hacerlo funcionar. Entonces, para empezar, necesito esto: UNA línea de datos para mostrar en el diagrama de dispersión. Perdí algunos días y simplemente no entiendo lo que estoy haciendo mal.

Answer 1

Si su archivo PHP devuelve la matriz presentada arriba, necesita analizarlo un poco para usarlo como matriz de datos en una serie de dispersión. En primer lugar, las fechas deben ser cadenas. En segundo lugar, debe usar new Date() para crear la instancia de Date y usar getTime() para devolver las marcas de tiempo. Además, cambie el tipo de eje x a datetime .

Referencia de API:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTime

Ejemplo:
http://jsfiddle.net/0025rsmt/