bonsoir je suis en train d'essayer de faire des graph avec chart.js, je souhaite avec tracer la courbe du fonction affine du type mx+p. j'ai donc une fonction en js qui me permet de calculer l'image de x dans l'intervalle [-10,10] par f. Le soucis est que je stocke les résultats dans un tableau js et je ne sais pas comment le récupérer en html.
Voici mon code :
<script>
var ctx = document.getElementById('graph1').getContext('2d')
var data = {
labels: [var:abs]
}
var config = {
type: 'line',
data: data,
options: options
}
var graph1 = new Chart(ctx, config)
</script>
dans ce code j'essaie de dire que sur mon graph les abscisses doivent contenir mon tableau des abscisses mais il ne veut pas. Quelqu'un pour m'aider ? Bonne soirée
j'ai vu sur youtube que pour faire le graphique il faut mettre le code ci dessus en dessous du code html dans une balise script or sur ma page html, j'ai deux entry pour écrire une fonction (prenons pour exemple 4x+2) ensuite en cliquant sur un bouton cela appelle ma fonction js qui va calculer f(x) pour x appartenant a [-10,10], je me retrouve donc dans ma fonction js avec un tableau avec les abscisses (-10,-9,-8,-7,...,9,10) et un tableau avec les ordonnées correspondantes sauf que ces deux listes sont situées dans ma fonction js et j'en ai besoin dans ma balise script html.je suis bloqué la et j'ai du mal lol. Je sais pas si j'ai pu répondre a votre question.
Bonne soirée
- Edité par RobinBonfill 18 janvier 2023 à 21:45:38
> j'ai vu sur youtube que pour faire le graphique il faut mettre le code ci dessus en dessous du code html dans une balise script
La personne à mis ici pour simplifier mais du js dans un fichier ou une balise script c'est la même chose. Donc tu peux mettre le contenu qui se trouve dans la balise script dans ton html, directement dans ton fichier js.
ici je crée mon canva dans un div en dessous des mes entrys pour mettre le graph, j'ai au dessus un bouton qui appelle la fonction graphique qui fait ceci
function graph(){
var m = document.forms["entries"].elements["fonctionsm"].value;
var p = document.forms["entries"].elements["fonctionsp"].value;
var result = 0;
var ord = []
var abs = []
for (let i = -10; i < 11; i++) {
var longueur1 = abs.push(i);
result = parseInt((m*i))+parseInt(p);
var longueur2 = ord.push(result);
}
const graphEl = document.getElementById('graphE1')
const ctx = graphEl.getContext('2d')
const data = {
labels: abs,
datasets: [{
data: ord
}]
}
const chartConfig = {
type: 'line',
data,
options,
}
const graphE1 = new Chart(ctx, chartConfig)
}
en gros j'ai une liste avec les ordonnées et une avec les abscisses, mais le truc c'est que en cliquant cela ne fait rien, je pense que mon code est mal fait soit on doit mettre les graph dans des pages blanches. je pense plus la 1ere option :). peut être que définir mon graph puis lui attribuer sa data en cliquant ne marche pas mais je ne sais comment faire sinon.
J'ai tout trouvé sur la doc de ChartJs : https://www.chartjs.org/docs/latest/ mais par contre le JS il faut bien comprendre comment ça fonctionne avant de faire des choses plus complexe.
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
My website : Mon serveur discord, Se demerder tout seul, Faille XSS et SQL
My website : Mon serveur discord, Se demerder tout seul, Faille XSS et SQL
My website : Mon serveur discord, Se demerder tout seul, Faille XSS et SQL