What are Chartlets?

Chartlets are tiny charts without grids or legends, like Sparklines. They’re perfect for conveying simple relationships or trends, especially when space is scarce.

Chartlets uses the HTML5 <canvas> element for fast performance and is only 2.8k when minified and gzipped. It has no dependencies.

 <canvas class=”chartlet” data-type=”line” data-colors=”#ffcc00 #ff66cc” data-range=”0 10″ data-sets=”[1 5 3 9 4] [4 3 9 7 2]” width=”100″ height=”55″ data-opts=”stroke:2 shape:smooth cap:circle”></canvas>

שילוב מנגנון הגרפים לעיל בשאילתות SQL ב configurable reports block

מקור: Chartlets: Tiny charts for tablet and mobile web apps