@opitzconsulting/pie-chart/opitzconsulting-pie-chart.metadata.json

animated pie chart component

{"__symbolic":"module","version":4,"metadata":{"PieChartService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"PieChartData":{"__symbolic":"interface"},"InternalPieChartData":{"__symbolic":"interface"},"PieArcData":{"__symbolic":"interface"},"PieChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"oc-pie-chart","template":"<div class=\"pie-chart-tooltip\"></div>\n<svg [attr.width]=\"width\" [attr.height]=\"height\">\n    <g [attr.transform]=\"center\">\n        <path *ngFor=\"let d of curData; let idx = index;\" [attr.idx]=\"idx\" \n            [attr.fill]=\"d.data.color\" [attr.d]=\"d.data.path\" [attr.tooltip]=\"d.data.caption\"\n            (mouseover)=\"overPath($event)\" (mousemove)=\"movePath($event);\" (mouseout)=\"outPath($event)\" (click)=\"clickPath($event)\" />\n    </g>\n</svg>","styles":["div.pie-chart-tooltip{position:fixed;display:none;opacity:0;font:12px sans-serif;color:#fff;background-color:rgba(35,47,52,.8);padding:5px}path{opacity:.7;stroke:#fff;stroke-width:2px}path:hover{opacity:1;stroke:#e3e3e3}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"duration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"innerSpacing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"outerSpacing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"chartClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"chartHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"deepCopy":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":83,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"detectDataChange":[{"__symbolic":"method"}],"generateRandomColor":[{"__symbolic":"method"}],"generatePieArcData":[{"__symbolic":"method"}],"detectDeletedEntries":[{"__symbolic":"method"}],"detectInsertedEntries":[{"__symbolic":"method"}],"detectMovedEntries":[{"__symbolic":"method"}],"syncItems":[{"__symbolic":"method"}],"animateChanges":[{"__symbolic":"method"}],"cleanStateItems":[{"__symbolic":"method"}],"initColors":[{"__symbolic":"method"}],"getMaxAngle":[{"__symbolic":"method"}],"calculateAngles":[{"__symbolic":"method"}],"overPath":[{"__symbolic":"method"}],"movePath":[{"__symbolic":"method"}],"outPath":[{"__symbolic":"method"}],"clickPath":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}]}},"PieChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":5,"character":12}],"declarations":[{"__symbolic":"reference","name":"PieChartComponent"}],"exports":[{"__symbolic":"reference","name":"PieChartComponent"}]}]}],"members":{}}},"origins":{"PieChartService":"./lib/pie-chart.service","PieChartData":"./lib/pie-chart.component","InternalPieChartData":"./lib/pie-chart.component","PieArcData":"./lib/pie-chart.component","PieChartComponent":"./lib/pie-chart.component","PieChartModule":"./lib/pie-chart.module"},"importAs":"@opitzconsulting/pie-chart"}