Forked from Variance Charts's Pen Grouped Bar Example.
A Pen by Jon Eyrick on CodePen.
| # So, this is pretty horrible. If we just encode using btoa, any UTF-8 chars cause an error. | |
| # If we use either of the workarounds on MDN[1], the £ sign is encoded wrong. I suspect | |
| # Excel totally sucking at encodings is the reason why. So, the workaround is, to use | |
| # the MDN workaround on chars with values > 255, and allow chars 0-255 to be encoded | |
| # as is with btoa. Note that if you use either of the workarounds on MDN, chars | |
| # 128-255 will be encoded as UTF-8, which includeds the £ sign. This will cause excel | |
| # to choke on these chars. Excel will still choke on chars > 255, but at least the £ | |
| # sign works now... | |
| # [1] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Base64_encoding_and_decoding |
| <html> | |
| <head> | |
| <title>Simple Sparkline using SVG Path and d3.js</title> | |
| <script src="http://mbostock.github.com/d3/d3.v2.js"></script> | |
| <style> | |
| /* tell the SVG path to be a thin blue line without any area fill */ | |
| path { | |
| stroke: steelblue; | |
| stroke-width: 1; | |
| fill: none; |
| goog.require('goog.Uri'); | |
| goog.require('goog.events'); | |
| goog.require('goog.json'); | |
| goog.require('goog.net.xpc.CrossPageChannel'); | |
| goog.global.initOuter = function(url) { | |
| goog.events.listen(window, 'load', function() { xpcdemo.initOuter(url); }); | |
| }; | |
| goog.global.initInner = function() { | |
| goog.events.listen(window, 'load', function() { xpcdemo.initInner(); }); |
Forked from Variance Charts's Pen Grouped Bar Example.
A Pen by Jon Eyrick on CodePen.