[Résolu] Comment faire des petits graphiques dynamiques inline ?

Salut Al' !

Pour ce faire, je te conseille la librairie Javascript jQuery Sparlines. Très simple de compréhension et d'implémentation, cela me semble correspondre parfaitement à ta demande !

Petit exemple

HTML

<table>
    <tr>
      <td>Exemple 1</td>
      <td><span class="sparkChart1"></span></td>
    </tr>
    <tr>
      <td>Exemple 2</td>
      <td><span class="sparkChart2">10, 6, 8, 2, 4, 0</span></td>
    </tr>
  </table>

JavaScript

var tab = [10, 6, 8, 2, 4, 0];
  $(".sparkChart1").sparkline(tab, {type: 'line', lineColor: '#125065', width: '100%', height: '125px', fillColor: 'rgba(18, 80, 101, 0.3)', minSpotColor: false, maxSpotColor: false, spotColor: false,
 highlightSpotColor: null, highlightLineColor: '#125065', lineWidth: 2, chartRangeMin: -10});

  $(".sparkChart2").sparkline('html', {type: 'line', lineColor: '#125065', width: '100%', height: '125px', fillColor: 'rgba(18, 80, 101, 0.3)', minSpotColor: false, maxSpotColor: false, spotColor: false,
 highlightSpotColor: null, highlightLineColor: '#125065', lineWidth: 2, chartRangeMin: -10});

Voilà, n'oublie pas de télécharger les sources ici : jQuery et Sparklines

A+ !