component: `// In app.component.ts \nimport {\n Component,\n NgZone\n} from '@angular/core';\n\n\n@Component({\n selector: 'app',\n templateUrl: './app.component.html'\n})\nexport class AppComponent {\n dataSource: any;\n constructor(private zone: NgZone) {\n this.dataSource = {\n "chart": {\n "caption": "Bakersfield Central - Total footfalls",\n "subCaption": "Last week",\n "xAxisName": "Day",\n "yAxisName": "No. of Visitors (In 1000s)",\n "showValues": "0",\n "theme": "fusion"\n },\n "annotations": {\n "groups": [{\n "id": "anchor-highlight",\n "items": [{\n "id": "high-star",\n "type": "circle",\n "x": "$dataset.0.set.2.x",\n "y": "$dataset.0.set.2.y",\n "radius": "12",\n "color": "#6baa01",\n "border": "2",\n "borderColor": "#f8bd19"\n },\n {\n "id": "label",\n "type": "text",\n "text": "Highest footfall 25.5K",\n "fillcolor": "#6baa01",\n "rotate": "90",\n "x": "$dataset.0.set.2.x+75",\n "y": "$dataset.0.set.2.y-2"\n }\n ]\n }]\n },\n "data": [{\n "label": "Mon",\n "value": "15123"\n },\n {\n "label": "Tue",\n "value": "14233"\n },\n {\n "label": "Wed",\n "value": "25507"\n },\n {\n "label": "Thu",\n "value": "9110"\n },\n {\n "label": "Fri",\n "value": "15529"\n },\n {\n "label": "Sat",\n "value": "20803"\n },\n {\n "label": "Sun",\n "value": "19202"\n }\n ]\n }\n\n }\n\n}`,
0 commit comments