[HTML][CANVAS] Convertir l'échelle d'un canvas pour un graphique

Weezy
Les bases HTML/CSS

Bonjour,
J'ai réalisé un graphique que j'ai affiché grâce à un canvas et maintenant je voudrais adapter l'échelle du canvas à l’échelle de mon graphique.

Si quelqu'un sait comment faire pour adapter l'échelle d'un canvas à l’échelle d'un graphique, je lui serait reconnaissant de m'indiquer comment faire.

6 réponses

AlexJM

Je ne comprends point la question

Weezy
Auteur

Je veux adapter la taille de mon graphique à la taille de mon canvas.

AlexJM

Tu l'affiches comment ton graphique ? Avec un plugin jquery ou à la main ?

Weezy
Auteur

J'affiche mon graphique avec un canvas.
Voici mon code


<html>
<body>
<script>
window.onload = function (){

  RGraph.AJAX.getJSON('getJson.php', drawLine);
  var type = true;

   function drawLine (json){

       // Now draw the chart
       var line = new RGraph.Line({
           id: 'line',
           data: [json.a, json.b],
           options: {
               annotatable: true,
               annotateLinewidth: 2,
               contextmenu: [['Effacer les annotations', function () {RGraph.Clear(line.canvas);
                           RGraph.ClearAnnotations(line.canvas); line.Draw();}]],
               key: ['a', 'b'],
               labels: json.nom,
               title: 'Exemple courbe',
               gutterTop: 40,
               gutterBottom:40,
               gutterLeft: 40,
               ymax: 8,
               tickmarks: 'circle',
               numxticks: 0,

          }
       }).trace();

  }
</script>
  <canvas id="line" width="650" height="300">[No canvas support]</canvas><br /><br/>
</body>
</html>
AlexJM

Désolé je ne saurais t'aider je n'ai jamais utilisé RGraph :/
Si jamais tu pouvais changer de plugin, je te conseille http://www.chartjs.org/, il me semble que le graphique prend 100% du canvas par défaut

Weezy
Auteur

Ok merci quand même :)