react-nvd3-roadcert-edition/examples/multibarChart/index.js

React nvd3 reusable graph components.

;(function(global){
  var datum = [{
      key: "Cumulative Return",
      values: [
        {
          "label" : "A" ,
          "value" : -29.765957771107
        } ,
        {
          "label" : "B" ,
          "value" : 0
        } ,
        {
          "label" : "C" ,
          "value" : 32.807804682612
        } ,
        {
          "label" : "D" ,
          "value" : 196.45946739256
        } ,
        {
          "label" : "E" ,
          "value" : 0.19434030906893
        } ,
        {
          "label" : "F" ,
          "value" : -98.079782601442
        } ,
        {
          "label" : "G" ,
          "value" : -13.925743130903
        } ,
        {
          "label" : "H" ,
          "value" : -5.1387322875705
        }
      ]
    }
  ];

  ReactDOM.render(
    React.createElement(NVD3Chart, {
      type:'multiBarChart',
      datum: datum,
      x: 'label',
      y: 'value'
    }),
    document.getElementById('multiBarChart')
  );

})(window);