cl-react-graph/docs/component---src-pages-pie-tsx-6dc80ba3e77972ee268e.js

React D3 Charts

(window.webpackJsonp=window.webpackJsonp||[]).push([[19],{O3B2:function(e,a,t){"use strict";t.r(a);var l=t("q1tI"),n=t.n(l),r=t("Zxox"),c=t.n(r),i=t("raqg"),o=t("ofer"),s=t("tRbT"),u=t("30+C"),d=t("oa/T"),m=t("dfam"),h=t("JrkS"),E=t("KJax"),b=t("6Obz"),p=t("ZGBi"),v=t("UhlP"),w=t("YZdJ"),y=t("tBK6"),f=t("ExZL"),g=t("9Dj+"),k=t("H8eV"),N=t("kW/L"),S=t("5++N"),W=t("SNLP"),x={data:S.c,donutWidth:0,height:200,labels:{displayFn:function(){return""},display:!1},visible:{},width:300};function C(e,a){switch(a.type){case"toggleVisible":return void(e.visible[a.key]=!!e.visible.hasOwnProperty(a.key)&&!e.visible[a.key]);case"setData":return void(e.data=a.data);case"setDonutWidth":return void(e.donutWidth=a.width);case"showLabels":return void(e.labels.display=a.show)}}a.default=function(){var e=Object(l.useState)(0),a=e[0],t=e[1],r=Object(i.a)(C,x),D=r[0],O=r[1],J=Object(W.dataToSpreadSheet)(D.data),L=n.a.createElement(w.a,{width:D.width,height:D.height,donutWidth:D.donutWidth,labels:D.labels,data:D.data,colorScheme:S.g,visible:D.visible});return n.a.createElement(g.a,null,n.a.createElement(k.a,{title:"Histogram",description:""}),n.a.createElement(o.a,{variant:"h2"},"Pie Chart"),n.a.createElement("div",null,n.a.createElement(s.a,{container:!0,spacing:5,className:"wrapper"},n.a.createElement(s.a,{item:!0,xs:12,md:6},n.a.createElement(u.a,null,n.a.createElement(d.a,null,L,n.a.createElement(y.a,{data:D.data,theme:S.g,onSelect:function(e){return O({type:"toggleVisible",key:e})},visible:D.visible}))),n.a.createElement("br",null),n.a.createElement(u.a,null,n.a.createElement(d.a,null,n.a.createElement(f.a,{component:L})))),n.a.createElement(s.a,{item:!0,xs:12,md:6},n.a.createElement(u.a,null,n.a.createElement(d.a,null,n.a.createElement(m.a,{value:a,onChange:function(e,a){return t(a)}},n.a.createElement(h.a,{label:"Data"}),n.a.createElement(h.a,{label:"Styling"})),0===a&&n.a.createElement(N.a,null,n.a.createElement(c.a,{data:J,valueRenderer:function(e){return e.value},sheetRenderer:function(e){return n.a.createElement("table",{className:e.className},n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",{className:"action-cell"},"Bin"),D.data.counts.map((function(e){return n.a.createElement("th",{key:e.label,className:"action-cell"},e.label)})))),n.a.createElement("tbody",null,e.children))},onCellsChanged:function(e){e.forEach((function(e){e.cell;var a=e.row,t=e.col,l=e.value;0===t?D.data.bins[a]=l:D.data.counts[t-1].data[a]=Number(l)})),O({type:"setData",data:D.data})}})),1===a&&n.a.createElement(N.a,null,n.a.createElement(s.a,{container:!0},n.a.createElement(s.a,{item:!0,xs:12,md:6},n.a.createElement(E.a,null,n.a.createElement(o.a,null,"Donut ",n.a.createElement("small",null,"(",D.donutWidth,")")),n.a.createElement(b.a,{value:D.donutWidth,"aria-labelledby":"label",step:1,onChange:function(e,a){return O({type:"setDonutWidth",width:Number(a)})}})),n.a.createElement(E.a,null,n.a.createElement(p.a,{control:n.a.createElement(v.a,{checked:D.labels.display,color:"primary",onChange:function(e,a){O({type:"showLabels",show:a})}}),label:"Show labels"})))))))))))}}}]);
//# sourceMappingURL=component---src-pages-pie-tsx-6dc80ba3e77972ee268e.js.map