@agorapulse/ui-charts 2.2.14 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agorapulse-ui-charts-2.5.0.tgz +0 -0
- package/agorapulse-ui-charts.metadata.json +1 -1
- package/bundles/agorapulse-ui-charts.umd.js +100 -41
- package/bundles/agorapulse-ui-charts.umd.js.map +1 -1
- package/esm2015/src/lib/agorapulse-ui-charts.module.js +2 -2
- package/esm2015/src/lib/chart-bar/chart-bar.component.js +6 -7
- package/esm2015/src/lib/chart-colors.js +3 -2
- package/esm2015/src/lib/chart-column/chart-column.component.js +6 -7
- package/esm2015/src/lib/chart-heatmap/chart-heatmap.component.js +5 -6
- package/esm2015/src/lib/chart-pie/chart-pie-options.model.js +69 -2
- package/esm2015/src/lib/chart-pie/chart-pie.component.js +5 -6
- package/esm2015/src/lib/chart-spline/chart-spline-options.model.js +4 -4
- package/esm2015/src/lib/chart-spline/chart-spline.component.js +5 -10
- package/fesm2015/agorapulse-ui-charts.js +93 -34
- package/fesm2015/agorapulse-ui-charts.js.map +1 -1
- package/package.json +3 -2
- package/src/lib/chart-bar/chart-bar.component.d.ts +1 -1
- package/src/lib/chart-colors.d.ts +1 -0
- package/src/lib/chart-column/chart-column.component.d.ts +1 -1
- package/src/lib/chart-spline/chart-spline-options.model.d.ts +1 -1
- package/agorapulse-ui-charts-2.2.14.tgz +0 -0
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"AgorapulseUiChartsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChartBarComponent"},{"__symbolic":"reference","name":"ChartColumnComponent"},{"__symbolic":"reference","name":"ChartHeatmapComponent"},{"__symbolic":"reference","name":"ChartMetricsListComponent"},{"__symbolic":"reference","name":"ChartSplineComponent"},{"__symbolic":"reference","name":"ChartPieComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},{"__symbolic":"reference","module":"highcharts-angular","name":"HighchartsChartModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":24,"character":8}],"exports":[{"__symbolic":"reference","name":"ChartBarComponent"},{"__symbolic":"reference","name":"ChartColumnComponent"},{"__symbolic":"reference","name":"ChartHeatmapComponent"},{"__symbolic":"reference","name":"ChartMetricsListComponent"},{"__symbolic":"reference","name":"ChartSplineComponent"},{"__symbolic":"reference","name":"ChartPieComponent"}],"providers":[]}]}],"members":{}},"ChartBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-bar","template":"<div #chart></div>\n","styles":[""]}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":5},"arguments":["chart"]}]}],"categories":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"opposite":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartColor":{"Grey":0,"Orange":1,"SoftBlue":2,"ElectricBlue":3,"Purple":4,"Green":5},"ChartColors":{"__symbolic":"class","members":{},"statics":{"SOFT_BLUE_COLORS":{"10":"#EFF5FC","20":"#DFEDFA","40":"#C0DBF4","60":"#A0C8EF","85":"#78B1E8","100":"#61A4E4","$quoted$":["10","20","40","60","85","100"]},"ELECTRIC_BLUE_COLORS":{"10":"#e8f4ff","20":"#d1e8ff","40":"#a2d1ff","60":"#74bbfe","85":"#3a9efe","100":"#178dfe","$quoted$":["10","20","40","60","85","100"]},"ORANGE_COLORS":{"10":"#FFEFE9","20":"#FFE1D4","40":"#FFC2A8","60":"#FFA47D","85":"#FF7E46","100":"#FF6726","$quoted$":["10","20","40","60","85","100"]},"GREEN_COLORS":{"10":"#ECF7ED","20":"#DAF1DD","40":"#B5E3BB","60":"#8FD498","85":"#61C26D","100":"#45B854","$quoted$":["10","20","40","60","85","100"]},"PURPLE_COLORS":{"10":"#EFEDF8","20":"#E0DDF2","40":"#C1BBE6","60":"#A398D9","85":"#7C6DC9","100":"#6554C0","$quoted$":["10","20","40","60","85","100"]},"GREY_COLORS":{"10":"#EAECEF","20":"#D6DAE0","40":"#AEB5C1","60":"#858FA1","85":"#5D6A82","100":"#344563","$quoted$":["10","20","40","60","85","100"]},"BLACK_COLOR":"#000000","LIMIT_COLOR":"#E81313","WHITE_COLOR":"#FFFFFF"}},"ChartColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-column","template":"<div #chart></div>\n","styles":[""]}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":5},"arguments":["chart"]}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"simple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartHeatmapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ap-chart-heatmap","template":"<div #chart></div>\n","styles":[""]}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":5},"arguments":["chart"]}]}],"categoriesX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"categoriesY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartMetric":{"__symbolic":"class","members":{}},"ChartMetricType":{"default":0,"total":1},"ChartMetricsListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":4,"character":21},"member":"OnPush"},"selector":"ap-chart-metrics-list","template":"<mat-list>\n <ng-container *ngIf=\"metrics\">\n <mat-list-item *ngFor=\"let metric of metrics; let i = index\"\n [ngClass]=\"{'chart-metric-total': metric.type == ChartMetricType.total}\">\n <div class=\"chart-metric-name metric-label\"\n *ngIf=\"!metric.children\">\n {{metric.name}}\n </div>\n <div class=\"chart-metric-name\"\n *ngIf=\"metric.children\">\n <span class=\"metric-label\">\n {{metric.name}}\n </span>\n <span class=\"chart-metric-children\">\n <span *ngFor=\"let item of metric.children\">\n <span class=\"child-label\">{{item.name}}</span>: <span class=\"child-value\">{{item.value}}</span>\n </span>\n </span>\n </div>\n <div class=\"chart-metric-value metric-label\">\n {{metric.value | number: digitsInfo: locale}}\n </div>\n <mat-divider *ngIf=\"i < metrics.length - 1\"></mat-divider>\n </mat-list-item>\n </ng-container>\n</mat-list>\n","styles":["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.metric-label{font-size:14px;color:#5d6a82}.chart-metric-total .metric-label{font-size:16px;color:#344563!important;font-weight:700}.chart-metric-name .chart-metric-children{color:#aeb5c1;font-size:14px}.chart-metric-name .chart-metric-children .child-label{margin-left:16px}.chart-metric-value{justify-content:left;flex:1 0 0;flex-direction:row;text-align:end;color:#344563}.mat-list-item{height:35px}.mat-list-item ::ng-deep .mat-list-item-content{padding:0}"]}]}],"members":{"metrics":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}]}},"ChartOptions":{"__symbolic":"class","members":{},"statics":{"DEFAULT_DATE_FORMAT":"%A, %b %e, %Y","DEFAULT_OPTIONS":{"chart":{"spacingRight":20,"zoomType":"xy","panning":{"enabled":true},"panKey":"shift","style":{"fontFamily":"Averta, 'Open Sans', Helvetica, sans-serif"},"resetZoomButton":{"theme":{"fill":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":32,"character":26},"member":"WHITE_COLOR"},"r":4,"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":35,"character":31},"member":"GREY_COLORS"},"index":100},"fontSize":"12px"},"states":{"hover":{"fill":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":40,"character":34},"member":"GREY_COLORS"},"index":5}}}}}},"colorAxis":{"labels":{"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":49,"character":27},"member":"GREY_COLORS"},"index":60}}}},"credits":{"enabled":false},"legend":{"borderWidth":0,"itemStyle":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":59,"character":23},"member":"GREY_COLORS"},"index":60},"fontSize":"14px","fontWeight":"normal"},"itemHoverStyle":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":64,"character":23},"member":"GREY_COLORS"},"index":100},"fontWeight":"bold"}},"plotOptions":{"series":{"states":{"hover":{"brightness":0}},"connectNulls":true,"lineWidth":4}},"navigation":{"buttonOptions":{"y":0}},"title":{"text":null},"tooltip":{"backgroundColor":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":88,"character":29},"member":"WHITE_COLOR"},"borderRadius":4,"borderWidth":0,"dateTimeLabelFormats":{"day":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ChartOptions"},"member":"DEFAULT_DATE_FORMAT"},"week":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ChartOptions"},"member":"DEFAULT_DATE_FORMAT"}},"shadow":{"color":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":96,"character":23},"member":"BLACK_COLOR"},"offsetX":0,"offsetY":2,"opacity":0.02,"width":6},"split":false,"shared":true,"useHTML":true,"headerFormat":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"<div style=\"border-bottom: 1px solid ","right":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":105,"character":66},"member":"GREY_COLORS"},"index":10}},"right":"; padding: 0 8px 7px\">"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"<span style=\"font-size: 12px; color: ","right":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":106,"character":58},"member":"GREY_COLORS"},"index":60}},"right":"\">{point.key}</span></div>"}},"pointFormat":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"<div style=\"font-size: 14px; color: ","right":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":107,"character":64},"member":"GREY_COLORS"},"index":100}},"right":"; margin: 6px 8px 0 8px;\">"},"right":"<span style=\"color:{point.color}\">●</span> {series.name}: <b>{point.y}</b></div>"}},"xAxis":{"gridLineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":111,"character":27},"member":"GREY_COLORS"},"index":10},"lineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":112,"character":23},"member":"GREY_COLORS"},"index":10},"tickColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":113,"character":23},"member":"GREY_COLORS"},"index":10},"gridLineWidth":1,"title":{"text":null},"labels":{"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":120,"character":27},"member":"GREY_COLORS"},"index":40},"fontSize":"12px"}}},"yAxis":{"allowDecimals":false,"gridLineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":127,"character":27},"member":"GREY_COLORS"},"index":10},"lineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":128,"character":23},"member":"GREY_COLORS"},"index":10},"gridLineWidth":1,"title":{"text":null},"labels":{"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":135,"character":27},"member":"GREY_COLORS"},"index":40},"fontSize":"12px"}}}},"build":{"__symbolic":"function","parameters":["options"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"mergeDeep"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ChartOptions"},"member":"DEFAULT_OPTIONS"},{"__symbolic":"reference","name":"options"}]}}}},"mergeDeep":{"__symbolic":"function"},"ChartPieComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-pie","template":"<div #chart></div>\n","styles":[""]}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":5},"arguments":["chart"]}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"innerLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartSplineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-spline","template":"<div #chart></div>\n","styles":[""]}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":5},"arguments":["chart"]}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"borderRadiusPlugin":{"__symbolic":"error","message":"Lambda not supported","line":0,"character":34,"module":"./src/lib/highcharts-border-radius-plugin"}},"origins":{"AgorapulseUiChartsModule":"./src/lib/agorapulse-ui-charts.module","ChartBarComponent":"./src/lib/chart-bar/chart-bar.component","ChartColor":"./src/lib/chart-colors","ChartColors":"./src/lib/chart-colors","ChartColumnComponent":"./src/lib/chart-column/chart-column.component","ChartHeatmapComponent":"./src/lib/chart-heatmap/chart-heatmap.component","ChartMetric":"./src/lib/chart-metric","ChartMetricType":"./src/lib/chart-metric","ChartMetricsListComponent":"./src/lib/chart-metrics-list/chart-metrics-list.component","ChartOptions":"./src/lib/chart-options","mergeDeep":"./src/lib/chart-options","ChartPieComponent":"./src/lib/chart-pie/chart-pie.component","ChartSplineComponent":"./src/lib/chart-spline/chart-spline.component","borderRadiusPlugin":"./src/lib/highcharts-border-radius-plugin"},"importAs":"@agorapulse/ui-charts"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"AgorapulseUiChartsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChartBarComponent"},{"__symbolic":"reference","name":"ChartColumnComponent"},{"__symbolic":"reference","name":"ChartHeatmapComponent"},{"__symbolic":"reference","name":"ChartMetricsListComponent"},{"__symbolic":"reference","name":"ChartSplineComponent"},{"__symbolic":"reference","name":"ChartPieComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":8},{"__symbolic":"reference","module":"highcharts-angular","name":"HighchartsChartModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":24,"character":8}],"exports":[{"__symbolic":"reference","name":"ChartBarComponent"},{"__symbolic":"reference","name":"ChartColumnComponent"},{"__symbolic":"reference","name":"ChartHeatmapComponent"},{"__symbolic":"reference","name":"ChartMetricsListComponent"},{"__symbolic":"reference","name":"ChartSplineComponent"},{"__symbolic":"reference","name":"ChartPieComponent"}],"providers":[]}]}],"members":{}},"ChartBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-bar","template":"<div #chart></div>\n"}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":5},"arguments":["chart"]}]}],"categories":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"opposite":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartColor":{"Grey":0,"Orange":1,"SoftBlue":2,"ElectricBlue":3,"Purple":4,"Green":5},"ChartColors":{"__symbolic":"class","members":{},"statics":{"SOFT_BLUE_COLORS":{"10":"#EFF5FC","20":"#DFEDFA","40":"#C0DBF4","60":"#A0C8EF","85":"#78B1E8","100":"#61A4E4","$quoted$":["10","20","40","60","85","100"]},"ELECTRIC_BLUE_COLORS":{"10":"#e8f4ff","20":"#d1e8ff","40":"#a2d1ff","60":"#74bbfe","85":"#3a9efe","100":"#178dfe","$quoted$":["10","20","40","60","85","100"]},"ORANGE_COLORS":{"10":"#FFEFE9","20":"#FFE1D4","40":"#FFC2A8","60":"#FFA47D","85":"#FF7E46","100":"#FF6726","$quoted$":["10","20","40","60","85","100"]},"GREEN_COLORS":{"10":"#ECF7ED","20":"#DAF1DD","40":"#B5E3BB","60":"#8FD498","85":"#61C26D","100":"#45B854","$quoted$":["10","20","40","60","85","100"]},"PURPLE_COLORS":{"10":"#EFEDF8","20":"#E0DDF2","40":"#C1BBE6","60":"#A398D9","85":"#7C6DC9","100":"#6554C0","$quoted$":["10","20","40","60","85","100"]},"GREY_COLORS":{"5":"#F5F5F7","10":"#EAECEF","20":"#D6DAE0","40":"#AEB5C1","60":"#858FA1","85":"#5D6A82","100":"#344563","$quoted$":["5","10","20","40","60","85","100"]},"BLACK_COLOR":"#000000","LIMIT_COLOR":"#E81313","WHITE_COLOR":"#FFFFFF"}},"ChartColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-column","template":"<div #chart></div>\n"}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":5},"arguments":["chart"]}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"simple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartHeatmapComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ap-chart-heatmap","template":"<div #chart></div>\n"}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":10,"character":5},"arguments":["chart"]}]}],"categoriesX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"categoriesY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartMetric":{"__symbolic":"class","members":{}},"ChartMetricType":{"default":0,"total":1},"ChartMetricsListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":4,"character":21},"member":"OnPush"},"selector":"ap-chart-metrics-list","template":"<mat-list>\n <ng-container *ngIf=\"metrics\">\n <mat-list-item *ngFor=\"let metric of metrics; let i = index\"\n [ngClass]=\"{'chart-metric-total': metric.type == ChartMetricType.total}\">\n <div class=\"chart-metric-name metric-label\"\n *ngIf=\"!metric.children\">\n {{metric.name}}\n </div>\n <div class=\"chart-metric-name\"\n *ngIf=\"metric.children\">\n <span class=\"metric-label\">\n {{metric.name}}\n </span>\n <span class=\"chart-metric-children\">\n <span *ngFor=\"let item of metric.children\">\n <span class=\"child-label\">{{item.name}}</span>: <span class=\"child-value\">{{item.value}}</span>\n </span>\n </span>\n </div>\n <div class=\"chart-metric-value metric-label\">\n {{metric.value | number: digitsInfo: locale}}\n </div>\n <mat-divider *ngIf=\"i < metrics.length - 1\"></mat-divider>\n </mat-list-item>\n </ng-container>\n</mat-list>\n","styles":["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid red}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #fff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:#0000}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:initial}[border=transparent]{border:1px solid #0000}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #a566a5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #c7ab82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #f2713c}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #ffd006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94c5aa}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2a9d8f}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78acd8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525a9e}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6a2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729e}.metric-label{font-size:14px;color:#5d6a82}.chart-metric-total .metric-label{font-size:16px;color:#344563!important;font-weight:700}.chart-metric-name .chart-metric-children{color:#aeb5c1;font-size:14px}.chart-metric-name .chart-metric-children .child-label{margin-left:16px}.chart-metric-value{justify-content:left;flex:1 0 0;flex-direction:row;text-align:end;color:#344563}.mat-list-item{height:35px}.mat-list-item ::ng-deep .mat-list-item-content{padding:0}"]}]}],"members":{"metrics":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}]}},"ChartOptions":{"__symbolic":"class","members":{},"statics":{"DEFAULT_DATE_FORMAT":"%A, %b %e, %Y","DEFAULT_OPTIONS":{"chart":{"spacingRight":20,"zoomType":"xy","panning":{"enabled":true},"panKey":"shift","style":{"fontFamily":"Averta, 'Open Sans', Helvetica, sans-serif"},"resetZoomButton":{"theme":{"fill":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":32,"character":26},"member":"WHITE_COLOR"},"r":4,"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":35,"character":31},"member":"GREY_COLORS"},"index":100},"fontSize":"12px"},"states":{"hover":{"fill":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":40,"character":34},"member":"GREY_COLORS"},"index":5}}}}}},"colorAxis":{"labels":{"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":49,"character":27},"member":"GREY_COLORS"},"index":60}}}},"credits":{"enabled":false},"legend":{"borderWidth":0,"itemStyle":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":59,"character":23},"member":"GREY_COLORS"},"index":60},"fontSize":"14px","fontWeight":"normal"},"itemHoverStyle":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":64,"character":23},"member":"GREY_COLORS"},"index":100},"fontWeight":"bold"}},"plotOptions":{"series":{"states":{"hover":{"brightness":0}},"connectNulls":true,"lineWidth":4}},"navigation":{"buttonOptions":{"y":0}},"title":{"text":null},"tooltip":{"backgroundColor":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":88,"character":29},"member":"WHITE_COLOR"},"borderRadius":4,"borderWidth":0,"dateTimeLabelFormats":{"day":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ChartOptions"},"member":"DEFAULT_DATE_FORMAT"},"week":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ChartOptions"},"member":"DEFAULT_DATE_FORMAT"}},"shadow":{"color":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":96,"character":23},"member":"BLACK_COLOR"},"offsetX":0,"offsetY":2,"opacity":0.02,"width":6},"split":false,"shared":true,"useHTML":true,"headerFormat":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"<div style=\"border-bottom: 1px solid ","right":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":105,"character":66},"member":"GREY_COLORS"},"index":10}},"right":"; padding: 0 8px 7px\">"},"right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"<span style=\"font-size: 12px; color: ","right":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":106,"character":58},"member":"GREY_COLORS"},"index":60}},"right":"\">{point.key}</span></div>"}},"pointFormat":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"<div style=\"font-size: 14px; color: ","right":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":107,"character":64},"member":"GREY_COLORS"},"index":100}},"right":"; margin: 6px 8px 0 8px;\">"},"right":"<span style=\"color:{point.color}\">●</span> {series.name}: <b>{point.y}</b></div>"}},"xAxis":{"gridLineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":111,"character":27},"member":"GREY_COLORS"},"index":10},"lineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":112,"character":23},"member":"GREY_COLORS"},"index":10},"tickColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":113,"character":23},"member":"GREY_COLORS"},"index":10},"gridLineWidth":1,"title":{"text":null},"labels":{"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":120,"character":27},"member":"GREY_COLORS"},"index":40},"fontSize":"12px"}}},"yAxis":{"allowDecimals":false,"gridLineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":127,"character":27},"member":"GREY_COLORS"},"index":10},"lineColor":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":128,"character":23},"member":"GREY_COLORS"},"index":10},"gridLineWidth":1,"title":{"text":null},"labels":{"style":{"color":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./chart-colors","name":"ChartColors","line":135,"character":27},"member":"GREY_COLORS"},"index":40},"fontSize":"12px"}}}},"build":{"__symbolic":"function","parameters":["options"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"mergeDeep"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ChartOptions"},"member":"DEFAULT_OPTIONS"},{"__symbolic":"reference","name":"options"}]}}}},"mergeDeep":{"__symbolic":"function"},"ChartPieComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-pie","template":"<div #chart></div>\n"}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":5},"arguments":["chart"]}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"innerLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"ChartSplineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ap-chart-spline","template":"<div #chart></div>\n"}]}],"members":{"chartRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":5},"arguments":["chart"]}]}],"chartOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"labelDateFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"initChart":[{"__symbolic":"method"}]}},"borderRadiusPlugin":{"__symbolic":"error","message":"Lambda not supported","line":0,"character":34,"module":"./src/lib/highcharts-border-radius-plugin"}},"origins":{"AgorapulseUiChartsModule":"./src/lib/agorapulse-ui-charts.module","ChartBarComponent":"./src/lib/chart-bar/chart-bar.component","ChartColor":"./src/lib/chart-colors","ChartColors":"./src/lib/chart-colors","ChartColumnComponent":"./src/lib/chart-column/chart-column.component","ChartHeatmapComponent":"./src/lib/chart-heatmap/chart-heatmap.component","ChartMetric":"./src/lib/chart-metric","ChartMetricType":"./src/lib/chart-metric","ChartMetricsListComponent":"./src/lib/chart-metrics-list/chart-metrics-list.component","ChartOptions":"./src/lib/chart-options","mergeDeep":"./src/lib/chart-options","ChartPieComponent":"./src/lib/chart-pie/chart-pie.component","ChartSplineComponent":"./src/lib/chart-spline/chart-spline.component","borderRadiusPlugin":"./src/lib/highcharts-border-radius-plugin"},"importAs":"@agorapulse/ui-charts"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('highcharts'), require('@angular/core'), require('@angular/common'), require('@angular/material/list'), require('highcharts-angular'), require('highcharts/highmaps')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@agorapulse/ui-charts', ['exports', 'highcharts', '@angular/core', '@angular/common', '@angular/material/list', 'highcharts-angular', 'highcharts/highmaps'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.agorapulse = global.agorapulse || {}, global.agorapulse[
|
|
5
|
-
}(this, (function (exports, Highcharts, core, common, list, highchartsAngular, highmaps) { 'use strict';
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.agorapulse = global.agorapulse || {}, global.agorapulse["ui-charts"] = {}), global.Highcharts, global.ng.core, global.ng.common, global.ng.material.list, global.highchartsAngular, global.highmaps));
|
|
5
|
+
})(this, (function (exports, Highcharts, core, common, list, highchartsAngular, highmaps) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,14 +13,12 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -318,7 +316,7 @@
|
|
|
318
316
|
ar[i] = from[i];
|
|
319
317
|
}
|
|
320
318
|
}
|
|
321
|
-
return to.concat(ar || from);
|
|
319
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
322
320
|
}
|
|
323
321
|
function __await(v) {
|
|
324
322
|
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
@@ -489,6 +487,7 @@
|
|
|
489
487
|
'100': '#6554C0'
|
|
490
488
|
};
|
|
491
489
|
ChartColors.GREY_COLORS = {
|
|
490
|
+
'5': '#F5F5F7',
|
|
492
491
|
'10': '#EAECEF',
|
|
493
492
|
'20': '#D6DAE0',
|
|
494
493
|
'40': '#AEB5C1',
|
|
@@ -803,9 +802,9 @@
|
|
|
803
802
|
};
|
|
804
803
|
ChartBarComponent.prototype.initChart = function () {
|
|
805
804
|
if (this.series) {
|
|
806
|
-
|
|
807
|
-
ChartBarOptions.configureBar(this.series, this.categories,
|
|
808
|
-
this.chart = new Highcharts.Chart(this.chartRef.nativeElement,
|
|
805
|
+
var chartOptions = ChartBarOptions.build(this.chartOptions);
|
|
806
|
+
ChartBarOptions.configureBar(this.series, this.categories, chartOptions, this.opposite, this.color, this.labelDateFormat);
|
|
807
|
+
this.chart = new Highcharts.Chart(this.chartRef.nativeElement, chartOptions);
|
|
809
808
|
}
|
|
810
809
|
};
|
|
811
810
|
return ChartBarComponent;
|
|
@@ -813,8 +812,7 @@
|
|
|
813
812
|
ChartBarComponent.decorators = [
|
|
814
813
|
{ type: core.Component, args: [{
|
|
815
814
|
selector: 'ap-chart-bar',
|
|
816
|
-
template: "<div #chart></div>\n"
|
|
817
|
-
styles: [""]
|
|
815
|
+
template: "<div #chart></div>\n"
|
|
818
816
|
},] }
|
|
819
817
|
];
|
|
820
818
|
ChartBarComponent.propDecorators = {
|
|
@@ -958,9 +956,9 @@
|
|
|
958
956
|
};
|
|
959
957
|
ChartColumnComponent.prototype.initChart = function () {
|
|
960
958
|
if (this.series) {
|
|
961
|
-
|
|
962
|
-
ChartColumnOptions.configure(this.series,
|
|
963
|
-
this.chart = new Highcharts.Chart(this.chartRef.nativeElement,
|
|
959
|
+
var chartOptions = ChartColumnOptions.buildColumn(this.chartOptions, this.simple);
|
|
960
|
+
ChartColumnOptions.configure(this.series, chartOptions, this.color, this.labelDateFormat);
|
|
961
|
+
this.chart = new Highcharts.Chart(this.chartRef.nativeElement, chartOptions);
|
|
964
962
|
if (this.chart) {
|
|
965
963
|
ChartColumnOptions.redrawWithRoundedColumns(this.chart);
|
|
966
964
|
}
|
|
@@ -971,8 +969,7 @@
|
|
|
971
969
|
ChartColumnComponent.decorators = [
|
|
972
970
|
{ type: core.Component, args: [{
|
|
973
971
|
selector: 'ap-chart-column',
|
|
974
|
-
template: "<div #chart></div>\n"
|
|
975
|
-
styles: [""]
|
|
972
|
+
template: "<div #chart></div>\n"
|
|
976
973
|
},] }
|
|
977
974
|
];
|
|
978
975
|
ChartColumnComponent.propDecorators = {
|
|
@@ -1110,9 +1107,9 @@
|
|
|
1110
1107
|
};
|
|
1111
1108
|
ChartHeatmapComponent.prototype.initChart = function () {
|
|
1112
1109
|
if (this.series) {
|
|
1113
|
-
|
|
1114
|
-
ChartHeatmapOptions.configureHeatmap(this.categoriesX, this.categoriesY, this.series,
|
|
1115
|
-
highmaps.mapChart(this.chartRef.nativeElement,
|
|
1110
|
+
var chartOptions = ChartHeatmapOptions.build(this.chartOptions);
|
|
1111
|
+
ChartHeatmapOptions.configureHeatmap(this.categoriesX, this.categoriesY, this.series, chartOptions, this.labelDateFormat);
|
|
1112
|
+
highmaps.mapChart(this.chartRef.nativeElement, chartOptions);
|
|
1116
1113
|
}
|
|
1117
1114
|
};
|
|
1118
1115
|
return ChartHeatmapComponent;
|
|
@@ -1120,8 +1117,7 @@
|
|
|
1120
1117
|
ChartHeatmapComponent.decorators = [
|
|
1121
1118
|
{ type: core.Component, args: [{
|
|
1122
1119
|
selector: 'ap-chart-heatmap',
|
|
1123
|
-
template: "<div #chart></div>\n"
|
|
1124
|
-
styles: [""]
|
|
1120
|
+
template: "<div #chart></div>\n"
|
|
1125
1121
|
},] }
|
|
1126
1122
|
];
|
|
1127
1123
|
ChartHeatmapComponent.propDecorators = {
|
|
@@ -1138,7 +1134,7 @@
|
|
|
1138
1134
|
function ChartSplineOptions() {
|
|
1139
1135
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
1140
1136
|
}
|
|
1141
|
-
ChartSplineOptions.
|
|
1137
|
+
ChartSplineOptions.buildSpline = function (options, singleDayEnabled) {
|
|
1142
1138
|
var defaultSplineOptions = {
|
|
1143
1139
|
chart: {
|
|
1144
1140
|
type: 'spline'
|
|
@@ -1146,8 +1142,8 @@
|
|
|
1146
1142
|
plotOptions: {
|
|
1147
1143
|
series: {
|
|
1148
1144
|
marker: {
|
|
1149
|
-
enabled:
|
|
1150
|
-
radius: 2,
|
|
1145
|
+
enabled: singleDayEnabled,
|
|
1146
|
+
radius: singleDayEnabled ? 5 : 2,
|
|
1151
1147
|
symbol: 'circle'
|
|
1152
1148
|
}
|
|
1153
1149
|
}
|
|
@@ -1186,13 +1182,9 @@
|
|
|
1186
1182
|
ChartSplineComponent.prototype.initChart = function () {
|
|
1187
1183
|
var _a;
|
|
1188
1184
|
if (this.series) {
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
this.chartOptions.plotOptions.series.marker.radius = 5;
|
|
1193
|
-
}
|
|
1194
|
-
ChartSplineOptions.configure(this.series, this.chartOptions, this.color, this.labelDateFormat);
|
|
1195
|
-
this.chart = new Highcharts.Chart(this.chartRef.nativeElement, this.chartOptions);
|
|
1185
|
+
var chartOptions = ChartSplineOptions.buildSpline(this.chartOptions, ((_a = this.series[0].data) === null || _a === void 0 ? void 0 : _a.length) === 1);
|
|
1186
|
+
ChartSplineOptions.configure(this.series, chartOptions, this.color, this.labelDateFormat);
|
|
1187
|
+
this.chart = new Highcharts.Chart(this.chartRef.nativeElement, chartOptions);
|
|
1196
1188
|
}
|
|
1197
1189
|
};
|
|
1198
1190
|
return ChartSplineComponent;
|
|
@@ -1200,8 +1192,7 @@
|
|
|
1200
1192
|
ChartSplineComponent.decorators = [
|
|
1201
1193
|
{ type: core.Component, args: [{
|
|
1202
1194
|
selector: 'ap-chart-spline',
|
|
1203
|
-
template: "<div #chart></div>\n"
|
|
1204
|
-
styles: [""]
|
|
1195
|
+
template: "<div #chart></div>\n"
|
|
1205
1196
|
},] }
|
|
1206
1197
|
];
|
|
1207
1198
|
ChartSplineComponent.propDecorators = {
|
|
@@ -1248,7 +1239,12 @@
|
|
|
1248
1239
|
color: ChartColors.GREY_COLORS[60]
|
|
1249
1240
|
}
|
|
1250
1241
|
},
|
|
1251
|
-
showInLegend: innerLabels
|
|
1242
|
+
showInLegend: innerLabels,
|
|
1243
|
+
states: {
|
|
1244
|
+
inactive: {
|
|
1245
|
+
opacity: 1
|
|
1246
|
+
}
|
|
1247
|
+
}
|
|
1252
1248
|
}
|
|
1253
1249
|
},
|
|
1254
1250
|
legend: innerLabels ? {
|
|
@@ -1259,12 +1255,76 @@
|
|
|
1259
1255
|
return _super.build.call(this, mergeDeep(defaultPieOptions, options));
|
|
1260
1256
|
};
|
|
1261
1257
|
ChartPieOptions.configurePie = function (series, options, color, labelDateFormat, innerLabels) {
|
|
1258
|
+
var _a, _b, _c;
|
|
1259
|
+
var _d, _e, _f;
|
|
1262
1260
|
_super.configure.call(this, series, options, color, labelDateFormat);
|
|
1263
1261
|
if (innerLabels) {
|
|
1264
1262
|
options.legend.enabled = true;
|
|
1265
1263
|
}
|
|
1266
1264
|
if (series && series.length > 0 && series[0]) {
|
|
1267
1265
|
options.colors = ChartColors.getColors(series[0].data.length, color);
|
|
1266
|
+
(_a = (_d = options.plotOptions.pie).point) !== null && _a !== void 0 ? _a : (_d.point = {});
|
|
1267
|
+
(_b = (_e = options.plotOptions.pie.point).events) !== null && _b !== void 0 ? _b : (_e.events = {});
|
|
1268
|
+
// entering a slice
|
|
1269
|
+
options.plotOptions.pie.point.events.mouseOver = function () {
|
|
1270
|
+
var _this = this;
|
|
1271
|
+
this.series.chart.series[0].points.forEach(function (point) {
|
|
1272
|
+
if (point.index !== _this.index) {
|
|
1273
|
+
point.update({
|
|
1274
|
+
color: ChartColors.GREY_COLORS[5]
|
|
1275
|
+
}, false);
|
|
1276
|
+
if (innerLabels) {
|
|
1277
|
+
point.update({
|
|
1278
|
+
dataLabels: {
|
|
1279
|
+
style: {
|
|
1280
|
+
color: ChartColors.GREY_COLORS[20]
|
|
1281
|
+
}
|
|
1282
|
+
}
|
|
1283
|
+
}, false);
|
|
1284
|
+
}
|
|
1285
|
+
}
|
|
1286
|
+
});
|
|
1287
|
+
this.series.chart.redraw(false);
|
|
1288
|
+
};
|
|
1289
|
+
// leaving a slice
|
|
1290
|
+
options.plotOptions.pie.point.events.mouseOut = function () {
|
|
1291
|
+
var _this = this;
|
|
1292
|
+
this.series.chart.series[0].points.forEach(function (point, i) {
|
|
1293
|
+
if (point.index !== _this.index) {
|
|
1294
|
+
point.update({
|
|
1295
|
+
color: options.colors[i % options.colors.length]
|
|
1296
|
+
}, false);
|
|
1297
|
+
if (innerLabels) {
|
|
1298
|
+
point.update({
|
|
1299
|
+
dataLabels: {
|
|
1300
|
+
style: {
|
|
1301
|
+
color: 'white'
|
|
1302
|
+
}
|
|
1303
|
+
}
|
|
1304
|
+
}, false);
|
|
1305
|
+
}
|
|
1306
|
+
}
|
|
1307
|
+
});
|
|
1308
|
+
};
|
|
1309
|
+
(_c = (_f = options.plotOptions.pie).events) !== null && _c !== void 0 ? _c : (_f.events = {});
|
|
1310
|
+
// leaving the whole pie
|
|
1311
|
+
options.plotOptions.pie.events.mouseOut = function () {
|
|
1312
|
+
this.chart.series[0].points.forEach(function (point, i) {
|
|
1313
|
+
point.update({
|
|
1314
|
+
color: options.colors[i % options.colors.length]
|
|
1315
|
+
}, false);
|
|
1316
|
+
if (innerLabels) {
|
|
1317
|
+
point.update({
|
|
1318
|
+
dataLabels: {
|
|
1319
|
+
style: {
|
|
1320
|
+
color: 'white'
|
|
1321
|
+
}
|
|
1322
|
+
}
|
|
1323
|
+
}, false);
|
|
1324
|
+
}
|
|
1325
|
+
});
|
|
1326
|
+
this.chart.redraw();
|
|
1327
|
+
};
|
|
1268
1328
|
}
|
|
1269
1329
|
};
|
|
1270
1330
|
return ChartPieOptions;
|
|
@@ -1295,9 +1355,9 @@
|
|
|
1295
1355
|
};
|
|
1296
1356
|
ChartPieComponent.prototype.initChart = function () {
|
|
1297
1357
|
if (this.series) {
|
|
1298
|
-
|
|
1299
|
-
ChartPieOptions.configurePie(this.series,
|
|
1300
|
-
this.chart = new Highcharts.Chart(this.chartRef.nativeElement,
|
|
1358
|
+
var chartOptions = ChartPieOptions.buildPie(this.chartOptions, this.innerLabels);
|
|
1359
|
+
ChartPieOptions.configurePie(this.series, chartOptions, this.color, this.labelDateFormat, this.innerLabels);
|
|
1360
|
+
this.chart = new Highcharts.Chart(this.chartRef.nativeElement, chartOptions);
|
|
1301
1361
|
}
|
|
1302
1362
|
};
|
|
1303
1363
|
return ChartPieComponent;
|
|
@@ -1305,8 +1365,7 @@
|
|
|
1305
1365
|
ChartPieComponent.decorators = [
|
|
1306
1366
|
{ type: core.Component, args: [{
|
|
1307
1367
|
selector: 'ap-chart-pie',
|
|
1308
|
-
template: "<div #chart></div>\n"
|
|
1309
|
-
styles: [""]
|
|
1368
|
+
template: "<div #chart></div>\n"
|
|
1310
1369
|
},] }
|
|
1311
1370
|
];
|
|
1312
1371
|
ChartPieComponent.propDecorators = {
|
|
@@ -1374,5 +1433,5 @@
|
|
|
1374
1433
|
|
|
1375
1434
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
1376
1435
|
|
|
1377
|
-
}))
|
|
1436
|
+
}));
|
|
1378
1437
|
//# sourceMappingURL=agorapulse-ui-charts.umd.js.map
|