iamferraz-gantt-chart/iamferraz-gantt-chart.metadata.json

Gantt Chart Component using Echarts library

{"__symbolic":"module","version":4,"metadata":{"TaskModel":{"__symbolic":"class","members":{}},"GanttComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"iamferraz-gantt","template":"<div class=\"wrapper\" [style.width.%]=\"100\" [style.height.%]=\"100\" #wrapper>\n    <div echarts class=\"gantt-chart\" [options]=\"chartOptions\" [loading]=\"loading\" (chartInit)=\"onChartInit($event)\" (chartClick)=\"onTaskClicked($event)\"  [style.width.px]=\"ganttWidth\" [style.height.px]=\"ganttHeight\" #gantt></div>\n</div>","styles":[".wrapper{display:inline-block;width:100%;overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}"]}]}],"members":{"wrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["wrapper"]}]}],"gantt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["gantt"]}]}],"taskData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"taskDataChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"editClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"taskClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"enableDataZoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"enableDarkTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"enableGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"chartTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"dateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"colours":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"heightRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"translation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"getTitleOption":[{"__symbolic":"method"}],"getGridOption":[{"__symbolic":"method"}],"getTooltipOption":[{"__symbolic":"method"}],"resetZoomAction":[{"__symbolic":"method"}],"editAction":[{"__symbolic":"method"}],"getToolboxOption":[{"__symbolic":"method"}],"getXAxisOption":[{"__symbolic":"method"}],"formatLabelDate":[{"__symbolic":"method"}],"getLastDayMonth":[{"__symbolic":"method"}],"isFirstDay":[{"__symbolic":"method"}],"getMonthName":[{"__symbolic":"method"}],"getYAxisOption":[{"__symbolic":"method"}],"getSerieZebra":[{"__symbolic":"method"}],"getSerieArrow":[{"__symbolic":"method"}],"getSerieGantt":[{"__symbolic":"method"}],"getSerieAxisY":[{"__symbolic":"method"}],"getSerieToday":[{"__symbolic":"method"}],"getDataZoom":[{"__symbolic":"method"}],"getSeries":[{"__symbolic":"method"}],"setChartOptions":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"onChartInit":[{"__symbolic":"method"}],"onTaskClicked":[{"__symbolic":"method"}],"resizeChart":[{"__symbolic":"method"}],"sizeChange":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":534,"character":3},"arguments":["window:resize",["$event"]]}]}]}},"GanttChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"GanttComponent"}],"imports":[{"__symbolic":"reference","module":"ngx-echarts","name":"NgxEchartsModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"GanttComponent"}]}]}],"members":{}}},"origins":{"TaskModel":"./lib/models/task-data.model","GanttComponent":"./lib/gantt/gantt.component","GanttChartModule":"./lib/gantt-chart.module"},"importAs":"iamferraz-gantt-chart"}