I'm plotting a plot from which the date entry does not match the plot. Example when I enter the date information 10/12/2017 it plots (January 10, 2017) how to fix this?
Loading is done through the database code used:
<script type="text/javascript">
$(document).ready (function (data) {
Highcharts.chart('container-grafico1', {
chart: {
zoomType: 'x'
},
title: {
text: 'Temperaturas Registradas'
},
subtitle: {
text: document.ontouchstart === undefined ?
'Clique e selicione a area do grafico que deseja dar o zoom': 'Clique e selicione a area do grafico que deseja dar o zoom'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'Temperaturas em Graus Celsius'
}
},
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: 'temperatura da água',
data: [
{% for i in temperatura_db %}
[Date.UTC({{ i[2].split('-')|join(', ') }}, {{ i[3].split(':')|join(', ') }}),{{i[1]|safe}}],
{% endfor %}
]
}]
});
});
</script>
<div class="container">
<div class="container-fluid">
<div class="jumbotron text-center"style="color:white">
<div><h1> Graficos </h1></div>
<div>
<form>
<div id="container-grafico1"></div>
</form>
</div>
</div>
</div>
</div>
Fixed issue ..