react-chart.js
Version:
react charting components using the chartjs lib
1 lines • 2.63 kB
JavaScript
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("Chartjs"),require("react")):"function"==typeof define&&define.amd?define(["Chartjs","react"],e):"object"==typeof exports?exports["react-chartjs"]=e(require("Chartjs"),require("react")):t["react-chartjs"]=e(t.Chartjs,t.React)}(this,function(t,e){return function(t){function e(r){if(a[r])return a[r].exports;var n=a[r]={exports:{},id:r,loaded:!1};return t[r].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var a={};return e.m=t,e.c=a,e.p="",e(0)}([function(t,e,a){t.exports={Bar:a(1),Doughnut:a(2),Line:a(3),Pie:a(4),PolarArea:a(5),Radar:a(6),createClass:a(7).createClass}},function(t,e,a){var r=a(7);t.exports=r.createClass("Bar",["getBarsAtEvent"])},function(t,e,a){var r=a(7);t.exports=r.createClass("Doughnut",["getSegmentsAtEvent"])},function(t,e,a){var r=a(7);t.exports=r.createClass("Line",["getPointsAtEvent"])},function(t,e,a){var r=a(7);t.exports=r.createClass("Pie",["getSegmentsAtEvent"])},function(t,e,a){var r=a(7);t.exports=r.createClass("PolarArea",["getSegmentsAtEvent"])},function(t,e,a){var r=a(7);t.exports=r.createClass("Radar",["getPointsAtEvent"])},function(t,e,a){t.exports={createClass:function(t,e,s){function o(t){i[t]=function(){this.state.chart[name].apply(this.state.chart,arguments)}}var i={displayName:t+"Chart",getInitialState:function(){return{}},render:function(){var t={ref:"canvass"};for(var e in this.props)this.props.hasOwnProperty(e)&&"data"!==e&&"options"!==e&&(t[e]=this.props[e]);return p.createElement("canvas",t)}},c=["clear","stop","resize","toBase64Image","generateLegend","update","addData","removeData"];i.componentDidMount=function(){this.initializeChart(this.props)},i.componentWillUnmount=function(){var t=this.state.chart;t.destroy()},i.componentWillReceiveProps=function(t){var e=this.state.chart;this.props.redraw?(e.destroy(),this.initializeChart(t)):(s=s||r[e.name],n(t,e,s),e.update())},i.initializeChart=function(e){var r=a(8),n=this.getDOMNode(),s=n.getContext("2d"),o=new r(s)[t](e.data,e.options||{});this.state.chart=o},i.getChart=function(){return this.state.chart},i.getCanvass=function(){return this.refs.canvass.getDOMNode()};var u;for(u=0;u<c.length;u++)o(c[u]);for(u=0;u<e.length;u++)o(e[u]);var p=a(9);return p.createClass(i)}};var r={Line:"points",Radar:"points",Bar:"bars"},n=function(t,e,a){var r=e.name;"PolarArea"===r||"Pie"===r||"Doughnut"===r?t.data.forEach(function(t,a){e.segments[a].value=t.value}):t.data.datasets.forEach(function(t,r){t.data.forEach(function(t,n){e.datasets[r][a][n].value=t})})}},function(e){e.exports=t},function(t){t.exports=e}])});