fix(svg): fix svg for server side rendering

plouc · Oct 2, 2016 · ae77d43 · ae77d43
1 parent 255d17e
commit ae77d43
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nivo",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "author": {
     "name": "Raphaël Benitte",
     "url": "https://github.com/plouc"

diff --git a/src/components/charts/bars/Bars.js b/src/components/charts/bars/Bars.js
@@ -99,7 +99,7 @@ class Bars extends Component {
         }
 
         return (
-            <svg className="nivo_bars" width={_width} height={_height}>
+            <svg xmlns="http://www.w3.org/2000/svg" className="nivo_bars" width={_width} height={_height}>
                 <g
                     className="nivo_bars_wrapper"
                     transform={`translate(${margin.left},${margin.top})`}

diff --git a/src/components/charts/bubble/BubblePlaceholders.js b/src/components/charts/bubble/BubblePlaceholders.js
@@ -88,6 +88,7 @@ class BubblePlaceholders extends Component {
 
             wrapperProps.width       = _width
             wrapperProps.height      = _height
+            wrapperProps.xmlns       = 'http://www.w3.org/2000/svg'
             containerProps.transform = `translate(${margin.left},${margin.top})`
         } else {
             wrapperTag   = 'div'

diff --git a/src/components/charts/chord/Chord.js b/src/components/charts/chord/Chord.js
@@ -58,7 +58,7 @@ class Chord extends Component {
         const arcs    = ribbons.groups
 
         return (
-            <svg className="nivo_chord" width={_width} height={_height}>
+            <svg xmlns="http://www.w3.org/2000/svg" className="nivo_chord" width={_width} height={_height}>
                 <g
                     className="nivo_chord_wrapper"
                     transform={`translate(${_width / 2},${_height / 2})`}

diff --git a/src/components/charts/line/Line.js b/src/components/charts/line/Line.js
@@ -104,7 +104,7 @@ class Line extends Component {
             .curve(curvePropMapping[curve])
 
         return (
-            <svg className="nivo_bars" width={_width} height={_height}>
+            <svg xmlns="http://www.w3.org/2000/svg" className="nivo_bars" width={_width} height={_height}>
                 <g
                     className="nivo_bars_wrapper"
                     transform={`translate(${margin.left},${margin.top})`}