Gráficos com HighCharts

Betuel Inacio 10/09/2018 (há 6 anos)

Olá, estou tentando utilizar o HighStock da biblioteca HighCarts, mas como sou leigo com 'js' estou apanhando aqui....
Seguinte, consegui exibir o gráfico com os dados do bd, porem o gráfico só exibe os dados total da busca, quando dou zoom os dados desaparecem do gráfico (anexo).
Alguém sabe como resolver esse problema?

 <?php 
    public function onSend($param)
    {
        // get the search form data
        $data = $this->form->getData();
        $this->form->setData($data);
        TForm::sendData('form_chart', $data);
        
        if (($data->variaveis) and isset($data->variaveis)){
            $variaveis = "";
            foreach($data->variaveis as $var){
                $variaveis .= "$var, ";
            }
            $variaveis = substr($variaveis, 0, -2); // remove a virgula do Final do texto
            
            try{
                
                //conexão com o BD
                TTransaction::open('charts'); 
                $conn = TTransaction::get(); 
                // run query
                $colunas = $conn->query("SELECT top 1000 convert (varchar(19), E3TimeStamp, 120), $variaveis FROM $data->tabela order by E3TimeStamp desc " );
                
                
                // show results 
                $dados = '';
                foreach ($colunas as $coluna) 
                { 
                    $segundos= strtotime($coluna[0].'UTC')*1000;
                    $dados = $dados .  '['.$segundos.','.$coluna[1].'],';
                } 
                $dados = substr($dados,0,-1);
                
                
                TTransaction::close();
            }
            catch (Exception $e) // in case of exception
            {
                new TMessage('error', '<b>Error</b> ' . $e->getMessage()); 
                TTransaction::rollback(); 
            }
            
        }
        
        $script = new TElement('script');
        $script->type = 'text/javascript';
        $javascript = "
        Highcharts.stockChart('container', {
        rangeSelector: {
            buttons: [{
                type: 'hour',
                count: 1,
                text: '1h'
            }, {
                type: 'hour',
                count: 6,
                text: '6h'
            }, {
                type: 'day',
                count: 1,
                text: '1d'
            }, {
                type: 'all',
                text: 'All'
            }],
            selected: 3
        },
        title: {
            text: 'teste de duas linhas'
        },
        
        xAxis: {
            type: 'datetime'
        },
        yAxis: {
            title: {
                text: 'Temperatura (ºC)'
            }
        },
        series: [{
            name: 'teste',
            data: [ $dados ],
            type: 'spline',
            dataGrouping: {
                enabled: false
            },
            tooltip: {
                valueDecimals: 2
            }
        }]
        
    });
    "; 
        $script->add($javascript);   
        parent::add($script); 
    }
?>

Curso Dominando o Adianti Framework

Comentários (0)