Discontinuity in the series of lines

32 views
Skip to first unread message

Wilson Rogério Braun

unread,
Oct 24, 2016, 8:33:30 AM10/24/16
to Google Visualization API
Hello, because there is a discontinuity in the series of lines?

 " Line:  var url = '/Programa_Nutricao/Principal/EvolucaoMorfometria/' + codigo;"


 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        var value;
        google.charts.load('current', { packages: ['table', 'corechart']});       
        google.charts.setOnLoadCallback(function () { drawtable('') });
        google.charts.setOnLoadCallback(function () { drawChart('') });
        $(document).ready(function () {
            value = $("#animal").val();
            if (value != undefined) {
                drawtable(value);
            }
            $("#animal").change(function () {
                value = $(this).val();
                drawtable(value);
            });
        });

        function drawtable(codigo) {
            var url = '/Programa_Nutricao/Principal/RetornaObservacao/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'DATA ATENDIMENTO');
                      tdata.addColumn('string', 'OBSERVACAO');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].observacao != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), data[i].observacao]);
                      }
                      var table = new google.visualization.Table(document.getElementById('Tabela_observacao'));
                      table.draw(tdata, { showRowNumber: true, cssClassNames: { tableCell: 'google-table-cell' } });
                  });
        //}

        //function drawChart(codigo) {
            var url = '/Programa_Nutricao/Principal/EvolucaoPeso/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'peso_kg');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].peso_kg)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "PESO (kg)", minValue: '0.5' },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: "none" },
                          curveType: 'function'
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoPeso'));
                      chart.draw(tdata, options);
                  });

            var url = '/Programa_Nutricao/Principal/EvolucaoTemperatura/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'Temp. Corporal');
                      tdata.addColumn('number', 'Temp. Retal');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].temperaturaCorporal), parseFloat(data[i].temperaturaRetal)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Temperatura ºC", minValue: '30', maxValue: '45' },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: 'bottom' },
                          curveType: 'function'
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoTemperatura'));
                      chart.draw(tdata, options);
                  });

            var url = '/Programa_Nutricao/Principal/EvolucaoPressao/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'Pressão sistólica');
                      tdata.addColumn('number', 'Pressão diastólica');
                      tdata.addColumn('number', 'Média PA');
                      tdata.addColumn('number', 'Frequencia cardíaca');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].SYS), parseFloat(data[i].DIA), parseFloat(data[i].MAP), parseFloat(data[i].bpm)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Monitoramento cardiovascular" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: 'bottom' },
                          curveType: 'function'                        
                          
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoPressao'));
                      chart.draw(tdata, options);
                  });

            var url = '/Programa_Nutricao/Principal/EvolucaoSPO2/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'SPO2');
                      tdata.addColumn('number', 'bpm_SPO2');

                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].SPO2), parseFloat(data[i].bpm_SPO2)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Monitoramento ventilação pulmonar" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 }},
                          curveType: 'function'                          
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoSPO2'));
                      chart.draw(tdata, options);
                  });
           
            var url = '/Programa_Nutricao/Principal/EvolucaoIMCC/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'IMCC');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].IMCC)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Índice de Massa Corporal Canino" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: 'bottom' },
                          curveType: 'function'
                      };
                    
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoIMCC'));
                      chart.draw(tdata, options);
                  });

          
            var url = '/Programa_Nutricao/Principal/EvolucaoECC/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'Escore corporal');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].escore_ECC)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Escore corporal", minValue: '0', maxValue: '10' },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          series: [{ color: 'green', visibleInLegend: true}, {}, {}]                     

                      };

                      var chart = new google.visualization.ScatterChart(document.getElementById('EvolucaoECC'));
                      chart.draw(tdata, options);                   

                  });
            
            var url = '/Programa_Nutricao/Principal/EvolucaoMorfometria/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'Data');
                      tdata.addColumn('number', 'Altura da cernelha');
                      tdata.addColumn('number', 'Comprimento do corporal');
                      tdata.addColumn('number', 'Membro pelvico direito');
                      tdata.addColumn('number', 'Perimetro abdominal');
                      tdata.addColumn('number', 'Perimetro torácico');
                      tdata.addColumn('number', 'Perimetro coxa');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].alturaCernelha), parseFloat(data[i].compCorporal), parseFloat(data[i].membroPelvicoDireito), parseFloat(data[i].perimetroToracico), parseFloat(data[i].perimetroAbdominal), parseFloat(data[i].perimetroCoxa)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Medidas" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          curveType: 'function',  
                          legend: { position: 'bottom' }
                                                 
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoMorfometria'));
                      chart.draw(tdata, options);
                  });
        }
    </script>

Daniel LaLiberte

unread,
Oct 24, 2016, 11:17:43 AM10/24/16
to Google Visualization API
Check out the interpolateNulls option, which will cause lines to be drawn across the discontinuities.  

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/56837d1e-f415-4dda-b05f-a1bf40cb2cf5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Wilson Rogério Braun

unread,
Oct 24, 2016, 12:18:53 PM10/24/16
to Google Visualization API
Exactly Daniel. Thank you 100%. interpolateNulls: true
Reply all
Reply to author
Forward
0 new messages