Jump to content
DarthEduu

ChartJS - Dúvida "simples" ao gerar um gráfico.

Recommended Posts

Pessoal, primeiramente boa tarde!

Seguinte, estou utilizando o chartJS para manipular um gráfico, mas estou com um problema, os valores que eu seto no data dele, forjam valores automáticos na temperatura, mas eu queria setar manualmente esses valores da temperatura, alguém sabe como faço para manipular esses dados? (apenas da temperatura).

Esse é meu código JS

	<script>
	var ctx = document.getElementById('myChart').getContext('2d');
	var chart = new Chart(ctx, {
	    // The type of chart we want to create
	    type: 'line',

	    // The data for our dataset
	    data: {
	        labels: ["0", "5", "10", "15", "20", "25", "30", "35","40","45","50","55","60","65","70","75","80","85","90","95","100","105","110","115","120","125","130","135"],
	        datasets: [{
	            label: "Rampa de temperatura - mostura",
	            backgroundColor: 'transparent',
	            borderColor: '#FFB22B',
	            borderWidth: 3,
	            radius: 5,
	            data: [102, 130, 201, 340,220,150,450,560,670,560,810,150,160,150,105,103,120,110,180,310,410,510,310,110,310,410,510,110,],
	        }]
	    },

	    // Configuration options go here
	    options: {
	    	title:{
	    		display: true,
	    		fontSize: 20,
	    		text: "RAMPA DE TEMPERATURA"
	    	},
	    	labels:{
	    		fontStyle: "bold"
	    	},
			scales: {
					xAxes: [{
						display: true,
						scaleLabel: {
							display: true,
							labelString: 'Tempo em minutos'
						}
					}],
					yAxes: [{
						display: true,
						scaleLabel: {
							display: true,
							labelString: 'Temperatura em ºC'
						}
					}]
				}
			

	    }
		

	});	
	</script>



 

Capturar.PNG

Share this post


Link to post
Share on other sites

Não sei porque você quer fazer isso, o eixo y foi montado com base no valores que você colocou no data, sendo gerado um valor em scala no eixo y deixando harmonico, como a maioria dos gráficos, os valores reais devem ser exibidos nos pontos dos gráficos, não no eixo y, se eu estiver errado peço que me corrijam mais essa é a minha perspectiva.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Elisame Araújo
      Bom dia,
       
      Estou montando um site de clã de jogos online (especificamente de Battlefield), e neste momento estou desenvolvendo o painel de administração do site, mas me deparei com uma dúvida que não consigo encontrar uma situação na internet que se aplique ao que eu preciso.
       
      A situação é a seguinte:
       
      Eu tenho um módulo onde o administrador vai adicionar um mapa, um tamanho de jogo e um modo para a rotação do servidor do clã, a exemplo desse pop-up:
       
      A lista de mapas vem do BD.
       
      O que eu preciso é que o segundo e o terceiro <select> sejam preenchidos baseados na seleção do primeiro. Onde, a exemplo:

       
      Seleção de Mapa: Ilhas Lofoten
      Opções Disponíveis a partir do 1º Select: 16 e 32 Jogadores
      Opções Disponíveis a partir do 1º e 2º Select: Dominação, TDM, etc.
       
      Para ficar mais simplificado: Seleção 1 > Opções A Partir de Seleção 1 > Opções A partir de Seleção 1 e 2
       
      Infelizmente eu ainda não tenho conhecimento em JavaScript ou JQuery ou JSON - ainda estou para aprender -, e não consigo encontrar uma resposta simplificada para isso
       
      Como eu poderia fazer isso da maneira mais simples ou didática?
       
    • By lezão
      Ola Galera.
      Boa tarde!
      Td bem com vcs?
      Tenho um codigo de script ele roda perfeitamente, mas ele possui um detalhezinho, o resultado é apresentado dentro de um input text.
      teria como algum me  ajudar em cima deste codigo a tirar o resultado do input e apresentar fora do input?
      <input type="checkbox" name="sabor" id="evento_value1" value="28.00"> <input type="checkbox" name="sabor" id="evento_value2" value="28.00"> <input type="text" size="5" id="evento_value" onclick="AddValor()" disabled="disabled"/> <script type="text/javascript"> var total = 0; //Chama a função com click em qualquer checkbox $(':checkbox').click(function() { //Atribui o valor do input p/ variável 'valor' var valor = parseInt($(this).val()); //Se o checkbox for marcado ele soma se não subtrai if ($(this).is(":checked")) { total += valor; } else { total -= valor; } //Atribui o valor ao input $("#evento_value").val(total); }); </script>  
    • By Sapinn
      Pessoal como faço para somar horas e minutos no javascritp pegando os dados em um campo de texto??? Eu tenho o codigo mas ele não funciona 

       
      <input type="text" value="2020-11-10 15:20" id="valor-tempo" > <input type="text" value="2020-11-10 01:20" id="adicionar-tempo" > <script type="text/javascript"> let input_hora = document.getElementById('valor-tempo').value; let data = new Date(input_hora) let a = `${data.getHours()}:${data.getMinutes()}` let input_hora2 = document.getElementById('adicionar-tempo').value; let data2 = new Date(input_hora2) let b = `${data2.getHours()}:${data2.getMinutes()}`             var adicionar = document.getElementById("adicionar-tempo").value;         var pega_tempo = document.getElementById("valor-tempo").value;             function somaHora(a, b, zerarHora) {          if(a.length != 5 || b.length != 5) return "00:00";     temp = 0;     nova_h = 0;     novo_m = 0;           hora1 = a.substr(0, 2) * 1;     hora2 = b.substr(0, 2) * 1;     minu1 = a.substr(3, 2) * 1;     minu2 = b.substr(3, 2) * 1;         temp = minu1 + minu2;     while(temp > 59) {             nova_h++;             temp = temp - 60;     }     novo_m = temp.toString().length == 2 ? temp : ("0" + temp);       temp = hora1 + hora2 + nova_h;     while(temp > 23 && zerarHora) {             temp = temp - 24;     }     nova_h = temp.toString().length == 2 ? temp : ("0" + temp);       return nova_h + ":" + novo_m; } novaHora = somaHora(a,b, false); console.log(novaHora);             </script>  
    • By Hydroper
      Estou criando abstrações que funcionam tanto no Browser Environment (via Webpack) quanto no Node.js para auxiliar no desenvolvimento de aplicativos. O TypeScript e JSDoc só não são usados por causa do Proxy e enums, e como consequência os pacotes tem suporte incompleto da IDE.
       
      Gostaria de ouvir a opinião de vocês. Faz sentido o que estou fazendo?
      com.recoyxgroup.localization Essa é uma alternativa mais legível à pacotes populares como i18next no NPM, com mais facilidades embutidas (embora seja simples ainda). com.recoyxgroup.datatransaction (transação de dados) O que esse pacote (ainda não implementado) basicamente faz é a declaração de estruturas de transações associadas à um banco de dados, suportando manipulação dos dados Lembrando que funciona tanto no Browser Environment (cliente) quanto no Node.js (servidor) O pacote do servidor deve suportar uma CLI para performar migrações automáticas no banco de dados (que nem a plataforma low-code GeneXus faz) Deve suportar transações de transações (nível) Deve suportar integridade referencial quando dados forem removidos da tabela física de uma transação Deve ter alguma maneira do cliente performar queries nas transações Eu fiz uma abstração do Knex esses meses, porém ela não é tão boa quanto os itens nessa lista. Além do mais, quero manter apenas Number e BigInt como os tipos numéricos. Repo Plataformas (software/game/site): ainda não pensei como seria um bootstrap.
    • By Sapinn
      Salva galera. Pessoal preciso implementar um sistema de provas em um site meu e essas provas precisam ter um tempo para serem feitas. Esse tempo é estipulado pelo professor e quando os alunos forem fazer as provas o tempo irá regredir até chegar a 0. Preciso também que mesmo que o aluno atualize a pagina ou saia dela o tempo continue correndo quando ele iniciar a prova. Não sei se deu pra entender o que eu quero qualquer coisa esclareço melhor nos comentários.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.