Re:Chart.js - open source HTML5 charting library
by caw on Monday March 18, 2013 @07:17AM
(#5393480)
I don't understand this. I've used jQuery.sparklines before, which I thought was HTML5, so I double checked that implementation, albeit with Chrome dev tools. It appears to be a canvas, but still has interactivity.
http://omnipotent.net/jquery.sparkline
Is that implementation compatible with your library? I'd love to be able to see exact datapoints.
Also, adding sparklines would make this a great all-in-one charting tool.
Re:Chart.js - open source HTML5 charting library
by ssrubin on Monday March 18, 2013 @01:33AM
(#5392642)
But on the other hand, SVG is infinitely more useful if you want to extract chart data from the page.
Re:Chart.js - open source HTML5 charting library
by olefoo on Monday March 18, 2013 @02:06AM
(#5392692)
How is that more useful than a link to the source data in a format appropriate to the data?
Re:Chart.js - open source HTML5 charting library
by ssrubin on Monday March 18, 2013 @02:33AM
(#5392770)
It's not, but how often do you see a news source link to the raw data?
or display the same chart somewhere other than a web page, eg: a PDF or IOS app.
Re:Chart.js - open source HTML5 charting library
by hogu on Monday March 18, 2013 @03:47AM
(#5392957)
well, it's pretty easy to go from canvas to png, which I think is more portable than svg + css
Re:Chart.js - open source HTML5 charting library
by shared4you on Monday March 18, 2013 @04:23AM
(#5393045)
How do you do that? I right-clicked on some graph, but there is not "Save Image As" option in Chrome
Re:Chart.js - open source HTML5 charting library
by nickporter on Monday March 18, 2013 @05:42AM
(#5393257)
On the docs page, in Chrome, hit ctrl+shift+J (option+cmd+J on OSX) to open the console, and paste this in:
$('canvas').click(function() { window.open( this.toDataURL("image/png") , 'Serialized Canvas' , 'height=' + this.height + 'width=' + this.width ); });
This will popup a png version of a canvas graph if you click it.
"Chart.js uses the canvas element, which is a single DOM node, similar in characteristics to a static image. This does mean that it has a wider scope for compatibility, and less memory implications than SVG based charting solutions. The canvas element also allows for saving the contents as a base 64 string, allowing saving the chart as an image.
In SVG, all of the lines, data points and everything you see is a DOM node. As a result of this, complex charts with a lot of intricacies, or many charts on the page will often see dips in performance when scrolling or generating the chart, especially when there are multiple on the page. SVG also has relatively poor mobile support, with Android not supporting SVG at all before version 3.0, and iOS before 5.0. (caniuse.com/svg-html5)."