| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset='utf-8'>
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <script src="../lib/esl.js"></script>
- <script src="../lib/config.js"></script>
- <script src="../lib/jquery.min.js"></script>
- </head>
- <body>
- <style>
- html, body, #main {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- }
- </style>
- <div id="main"></div>
- <script>
- require([
- 'echarts',
- 'ecStat'
- ], function (echarts, ecStat) {
- echarts.registerTransform(ecStat.transform.regression);
- var chart = echarts.init(document.getElementById('main'));
- chart.setOption({
- dataset: [{
- source: [
- [28604,77,17096869,'Australia',1990],
- [31163,77.4,27662440,'Canada',1990],
- [1516,68,1154605773,'China',1990],
- [13670,74.7,10582082,'Cuba',1990],
- [28599,75,4986705,'Finland',1990],
- [29476,77.1,56943299,'France',1990],
- [31476,75.4,78958237,'Germany',1990],
- [28666,78.1,254830,'Iceland',1990],
- [1777,57.7,870601776,'India',1990],
- [29550,79.1,122249285,'Japan',1990],
- [2076,67.9,20194354,'North Korea',1990],
- [12087,72,42972254,'South Korea',1990],
- [24021,75.4,3397534,'New Zealand',1990],
- [43296,76.8,4240375,'Norway',1990],
- [10088,70.8,38195258,'Poland',1990],
- [19349,69.6,147568552,'Russia',1990],
- [10670,67.3,53994605,'Turkey',1990],
- [26424,75.7,57110117,'United Kingdom',1990],
- [37062,75.4,252847810,'United States',1990],
- [44056,81.8,23968973,'Australia',2015],
- [43294,81.7,35939927,'Canada',2015],
- [13334,76.9,1376048943,'China',2015],
- [21291,78.5,11389562,'Cuba',2015],
- [38923,80.8,5503457,'Finland',2015],
- [37599,81.9,64395345,'France',2015],
- [44053,81.1,80688545,'Germany',2015],
- [42182,82.8,329425,'Iceland',2015],
- [5903,66.8,1311050527,'India',2015],
- [36162,83.5,126573481,'Japan',2015],
- [1390,71.4,25155317,'North Korea',2015],
- [34644,80.7,50293439,'South Korea',2015],
- [34186,80.6,4528526,'New Zealand',2015],
- [64304,81.6,5210967,'Norway',2015],
- [24787,77.3,38611794,'Poland',2015],
- [23038,73.13,143456918,'Russia',2015],
- [19360,76.5,78665830,'Turkey',2015],
- [38225,81.4,64715810,'United Kingdom',2015],
- [53354,79.1,321773631,'United States',2015]
- ]
- }, {
- transform: {
- type: 'filter',
- config: { dimension: 4, eq: 1990 }
- }
- }, {
- transform: {
- type: 'filter',
- config: { dimension: 4, eq: 2015 }
- }
- }, {
- transform: {
- type: 'ecStat:regression',
- config: {
- method: 'logarithmic'
- }
- }
- }],
- legend: {
- data: ['1990', '2015']
- },
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'cross'
- }
- },
- xAxis: {
- type: 'value',
- splitLine: {
- lineStyle: {
- type: 'dashed'
- }
- },
- },
- yAxis: {
- type: 'value',
- splitLine: {
- lineStyle: {
- type: 'dashed'
- }
- },
- },
- visualMap: {
- show: false,
- dimension: 2,
- min: 20000,
- max: 1500000000,
- seriesIndex: [0, 1],
- inRange: {
- symbolSize: [10, 70]
- }
- },
- series: [{
- name: '1990',
- type: 'scatter',
- datasetIndex: 1
- },{
- name: '2015',
- type: 'scatter',
- datasetIndex: 2
- }, {
- name: 'line',
- type: 'line',
- smooth: true,
- datasetIndex: 3,
- symbolSize: 0.1,
- symbol: 'circle',
- label: { show: true, fontSize: 16 },
- labelLayout: { dx: -20 },
- encode: { label: 2, tooltip: 1 }
- }]
- });
- });
- </script>
- </body>
- </html>
|
