responsive charts about smoothie

[mg1075]

This is a proposed hack in a very simplistic form...

The smoothie charts builder page on the smoothie website sort of has a responsive nature in how you can customize the width and the height of a chart.

Now, if the requirement is to have responsive width for a chart, how about listening to the window resize event, and then adjusting the chart width attribute on resize?

  $( window ).resize(function() {
    var y = $( window).width();
    $('#chart').attr('width', y-50 );
  });

The problem with this approach is the width is not truly responsive: the width does adjust, and the line is not distorted, but the line remains static and does not update to the new width.

[ChisholmKyle]

I'm not sure if changing the attribute is any different from changing the width property of the canvas element directly in Javascript, but I made a CodePen that adjusts the chart width for a window.onresize event and scale teh height to a quarter of the width: http://codepen.io/anon/pen/MpWvjX
This implementation doesn't seem to have the problem you describe. It does flicker during the resize if you move it around a lot though.

[drewnoakes]

This is now supported. See http://smoothiecharts.org/examples/responsive.html