import { Component, OnInit, OnDestroy } from '@angular/core'; @Component({ selector: 'cm-scatter-doc-1', templateUrl: './cm-scatter-doc-1.component.html', styleUrls: ['./cm-scatter-doc-1.component.css'] }) export class CosmosScatterDoc1Component implements OnInit, OnDestroy { chartData: any; chartSettings: any; constructor() { this.chartData = { columns: ['年份', 'GDP', '平均寿命', '国家', 'symbolSize'], //顺序为:dimension、 X轴、 Y轴、散点的lable文本标签、标记的大小 rows: [ { '年份': '1990', 'data': [ { '年份': 1990, '国家': 'Australia', 'GDP': 28604, '平均寿命': 77, 'symbolSize': 17096869 }, { '年份': 1990, '国家': 'Canada', 'GDP': 31163, '平均寿命': 77.4, 'symbolSize': 27662440 }, { '年份': 1990, '国家': 'China', 'GDP': 1516, '平均寿命': 68, 'symbolSize': 1154605773 }, { '年份': 1990, '国家': 'Cuba', 'GDP': 13670, '平均寿命': 74.7, 'symbolSize': 10582082 }, { '年份': 1990, '国家': 'Finland', 'GDP': 28599, '平均寿命': 75, 'symbolSize': 4986705 }, { '年份': 1990, '国家': 'France', 'GDP': 29476, '平均寿命': 77.1, 'symbolSize': 56943299 }, { '年份': 1990, '国家': 'Germany', 'GDP': 31476, '平均寿命': 75.4, 'symbolSize': 78958237 }, { '年份': 1990, '国家': 'Iceland', 'GDP': 28666, '平均寿命': 78.1, 'symbolSize': 254830 }, { '年份': 1990, '国家': 'India', 'GDP': 1777, '平均寿命': 57.7, 'symbolSize': 870601776 }, { '年份': 1990, '国家': 'Japan', 'GDP': 29550, '平均寿命': 79.1, 'symbolSize': 122249285 }, { '年份': 1990, '国家': 'North Korea', 'GDP': 2076, '平均寿命': 67.9, 'symbolSize': 20194354 }, { '年份': 1990, '国家': 'South Korea', 'GDP': 12087, '平均寿命': 72, 'symbolSize': 42972254 }, { '年份': 1990, '国家': 'New Zealand', 'GDP': 24021, '平均寿命': 75.4, 'symbolSize': 3397534 }, { '年份': 1990, '国家': 'Norway', 'GDP': 43296, '平均寿命': 76.8, 'symbolSize': 4240375 }, { '年份': 1990, '国家': 'Poland', 'GDP': 10088, '平均寿命': 70.8, 'symbolSize': 38195258 }, { '年份': 1990, '国家': 'Russia', 'GDP': 19349, '平均寿命': 69.6, 'symbolSize': 27096869 }, { '年份': 1990, '国家': 'Turkey', 'GDP': 10670, '平均寿命': 67.3, 'symbolSize': 53994605 }, { '年份': 1990, '国家': 'United Kingdom', 'GDP': 26424, '平均寿命': 75.7, 'symbolSize': 57110117 }, { '年份': 1990, '国家': 'United States', 'GDP': 37062, '平均寿命': 75.4, 'symbolSize': 252847810 } ] }, { '年份': '2015', 'data': [ { '年份': 2015, '国家': 'Australia', 'GDP': 44056, '平均寿命': 81.8, 'symbolSize': 23968973 }, { '年份': 2015, '国家': 'Canada', 'GDP': 43294, '平均寿命': 81.7, 'symbolSize': 35939927 }, { '年份': 2015, '国家': 'China', 'GDP': 13334, '平均寿命': 76.9, 'symbolSize': 1376048943 }, { '年份': 2015, '国家': 'Cuba', 'GDP': 21291, '平均寿命': 78.5, 'symbolSize': 11389562 }, { '年份': 2015, '国家': 'Finland', 'GDP': 38923, '平均寿命': 80.8, 'symbolSize': 5503457 }, { '年份': 2015, '国家': 'France', 'GDP': 37599, '平均寿命': 81.9, 'symbolSize': 64395345 }, { '年份': 2015, '国家': 'Germany', 'GDP': 44053, '平均寿命': 81.1, 'symbolSize': 80688545 }, { '年份': 2015, '国家': 'Iceland', 'GDP': 42182, '平均寿命': 82.8, 'symbolSize': 329425 }, { '年份': 2015, '国家': 'India', 'GDP': 5903, '平均寿命': 66.8, 'symbolSize': 1311050527 }, { '年份': 2015, '国家': 'Japan', 'GDP': 36162, '平均寿命': 83.5, 'symbolSize': 126573481 }, { '年份': 2015, '国家': 'North Korea', 'GDP': 1390, '平均寿命': 71.4, 'symbolSize': 25155317 }, { '年份': 2015, '国家': 'South Korea', 'GDP': 34644, '平均寿命': 80.7, 'symbolSize': 50293439 }, { '年份': 2015, '国家': 'New Zealand', 'GDP': 34186, '平均寿命': 80.6, 'symbolSize': 4528526 }, { '年份': 2015, '国家': 'Norway', 'GDP': 64304, '平均寿命': 81.6, 'symbolSize': 5210967 }, { '年份': 2015, '国家': 'Poland', 'GDP': 24787, '平均寿命': 77.3, 'symbolSize': 38611794 }, { '年份': 2015, '国家': 'Russia', 'GDP': 23038, '平均寿命': 73.1, 'symbolSize': 143456918 }, { '年份': 2015, '国家': 'Turkey', 'GDP': 19360, '平均寿命': 76.5, 'symbolSize': 78665830 }, { '年份': 2015, '国家': 'United Kingdom', 'GDP': 38225, '平均寿命': 81.4, 'symbolSize': 64715810 }, { '年份': 2015, '国家': 'United States', 'GDP': 53354, '平均寿命': 79.1, 'symbolSize': 321773631 } ] } ] }; this.chartSettings = { metrics: ['GDP', '平均寿命', '国家'], dimension: ['年份'] }; } ngOnInit() { } ngOnDestroy() { } }