0

Estou plotando um gráfico do qual a entrada das datas não conferem com a plotagem. Exemplo quando entro com a informação da data 10/12/2017 ele plota como (10 de janeiro de 2017) como corrigir isso?

O carregamento é feito através do banco de dados o código usado:

<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>

Corrigido publicação..

3
  • tente definir o que vem do banco como um string no js um (cast). w3schools.com/js/js_type_conversion.asp
    – Kaue Arima
    4/01/2018 às 17:25
  • Kaue Arima as declarações do js são essas?! var json = {}; json.chart = chart; json.title = title; json.subtitle = subtitle; json.tooltip = tooltip; json.xAxis = xAxis; json.yAxis = yAxis; json.series = series; json.plotOptions = plotOptions; $('#container-grafico1').highcharts(json); 5/01/2018 às 19:12
  • Não estou sabendo em qual parte do código devo mexer para resolver este problema! 7/01/2018 às 13:08

1 Resposta 1

0

Preciso ver o codigo inteiro, mas quando tive esse problema eu fiz assim:

Highcharts.chart('container', {

title: {
    text: 'Solar Employment Growth by Sector, 2010-2016'
},

subtitle: {
    text: 'Source: thesolarfoundation.com'
},

yAxis: {
    title: {
        text: 'Number of Employees'
    },
    categorias: [ String('10/01/03'),...]
},...
2
  • como eu faço para aparecer o código conforme vc mostrou no comentário anterior? 14/01/2018 às 23:46
  • tem que ter alguma tag antes e depois ?! qual tag devo usar para mostrar o código formatado igual o seu? 15/01/2018 às 10:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .