Does anyone know how to create a line chart with a smooth line instead of a jagged line?
I think my chart would present much better to end users with a smooth line.
Here's an example URL:
http://chart.apis.google.com/chart?chxr=0,0,46&chxt=y&chs=300x225&cht=lc&chco=3D7930&chd=s:MNPRSYVUSSMNQRVfXXSPPM&chg=14.3,-1,1,1&chls=2,4,0&chm=B,C5D4B5BB,0,0,0
Google chart tools are powerful, simple to use, and free. Try out our rich gallery of interactive charts and data tools.
Line graphs are used to track changes over short and long periods of time. When smaller changes exist, line graphs are better to use than bar graphs. Line graphs can also be used to compare changes over the same period of time for more than one group.
I simply used
var options = {smoothLine: true,}
var chart = new google.visualization.LineChart(document.getElementById('some_id'));
chart.draw(data, options);
Disclaimer: if you have very sharp corners the rounding/smoothing can be misleading (for ex. if your curve goes quickly to f(x) = 0 it can become negative to fit the corner.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With