All charts/Bars

Online against the shop

Several series side by side, a legend above.

1 The data bars/channels.php php

<?php

  // Orders per quarter, by where they were placed.

  $channels = [
    [ 'quarter' => 'Q1', 'online' => 320, 'shop' => 410, 'phone' =>  95 ],
    [ 'quarter' => 'Q2', 'online' => 380, 'shop' => 395, 'phone' =>  80 ],
    [ 'quarter' => 'Q3', 'online' => 455, 'shop' => 350, 'phone' =>  70 ],
    [ 'quarter' => 'Q4', 'online' => 610, 'shop' => 420, 'phone' =>  65 ]
  ];

?>

2 The chart tag bars/channels.pad pad

{chart 'bar', data='channels', label='quarter', value='online, shop, phone', title='Orders per quarter and channel', width=640, height=340}

3 The result inline SVG · no JavaScript