bevspot-react-nvd3/examples/pieChart/index.js

React nvd3 reusable graph components.

;(function(global){
  var datum = [
    {
      "label": "One",
      "value" : 29.765957771107
    } ,
    {
      "label": "Two",
      "value" : 0
    } ,
    {
      "label": "Three",
      "value" : 32.807804682612
    } ,
    {
      "label": "Four",
      "value" : 196.45946739256
    } ,
    {
      "label": "Five",
      "value" : 0.19434030906893
    } ,
    {
      "label": "Six",
      "value" : 98.079782601442
    } ,
    {
      "label": "Seven",
      "value" : 13.925743130903
    } ,
    {
      "label": "Eight",
      "value" : 5.1387322875705
    }
  ];

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

})(window);