| <!DOCTYPE html> | |
| <!-- | |
| Licensed to the Apache Software Foundation (ASF) under one | |
| or more contributor license agreements. See the NOTICE file | |
| distributed with this work for additional information | |
| regarding copyright ownership. The ASF licenses this file | |
| to you under the Apache License, Version 2.0 (the | |
| "License"); you may not use this file except in compliance | |
| with the License. You may obtain a copy of the License at | |
| http://www.apache.org/licenses/LICENSE-2.0 | |
| Unless required by applicable law or agreed to in writing, | |
| software distributed under the License is distributed on an | |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | |
| KIND, either express or implied. See the License for the | |
| specific language governing permissions and limitations | |
| under the License. | |
| --> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <script src="lib/simpleRequire.js"></script> | |
| <script src="lib/config.js"></script> | |
| <script src="lib/jquery.min.js"></script> | |
| <script src="lib/facePrint.js"></script> | |
| <script src="lib/testHelper.js"></script> | |
| <!-- <script src="ut/lib/canteen.js"></script> --> | |
| <link rel="stylesheet" href="lib/reset.css" /> | |
| </head> | |
| <body> | |
| <style> | |
| </style> | |
| <div id="main0"></div> | |
| <div id="main1"></div> | |
| <div id="main2"></div> | |
| <div id="main3"></div> | |
| <div id="main4"></div> | |
| <script> | |
| require([ | |
| 'echarts' | |
| ], function (echarts) { | |
| var option = { | |
| backgroundColor: '#fff', | |
| animation: false, | |
| color: ["#6e2ebf", "#9a2ead", "#87d812", "#20c05b", "#19c6f4", "#0072df"], | |
| grid: { | |
| left: '10', | |
| right: '10', | |
| bottom: '20', | |
| containLabel: true | |
| }, | |
| xAxis: [{ | |
| type: 'time', | |
| boundaryGap: false | |
| }], | |
| yAxis: [{ | |
| type: 'value', | |
| splitLine: { | |
| show: false | |
| }, | |
| max: function(value) { | |
| return 100; | |
| } | |
| }], | |
| series: [{ | |
| id: 'other', | |
| name: 'Other', | |
| type: 'line', | |
| stack: '1', | |
| smooth: 0.2, | |
| lineStyle: { | |
| width: 1 | |
| }, | |
| showSymbol: false, | |
| areaStyle: {}, | |
| data: [ | |
| [1626560700000, 10.7], | |
| [1626561600000, 10.6], | |
| [1626562500000, 11.1], | |
| [1626563400000, 14.2], | |
| [1626564300000, 12.2], | |
| [1626565200000, 11.7], | |
| [1626566100000, 12.6], | |
| [1626567000000, 13.4], | |
| [1626567900000, 14.3], | |
| [1626568800000, 10.8], | |
| [1626569700000, 13.3], | |
| [1626570600000, 11.8], | |
| [1626571500000, 12.5], | |
| [1626572400000, 14.4], | |
| [1626573300000, 15.8], | |
| [1626574200000, 10.7], | |
| [1626575100000, 11.9], | |
| [1626576000000, 12.7], | |
| [1626576900000, 14.0], | |
| [1626577800000, 12.6], | |
| [1626578700000, 11.0], | |
| [1626579600000, 10.8], | |
| [1626580500000, 14.0], | |
| [1626581400000, 12.6], | |
| [1626582300000, 12.3], | |
| [1626583200000, 10.6], | |
| [1626584100000, 12.3], | |
| [1626585000000, 13.6], | |
| [1626585900000, 11.7], | |
| [1626586800000, 11.1], | |
| [1626587700000, 13.1], | |
| [1626588600000, 11.6], | |
| [1626589500000, 12.1], | |
| [1626590400000, 12.2], | |
| [1626591300000, 12.3], | |
| [1626592200000, 13.5], | |
| [1626593100000, 23.4], | |
| [1626594000000, 19.2], | |
| [1626594900000, 21.8], | |
| [1626595800000, 11.3], | |
| [1626596700000, 13.2], | |
| [1626597600000, 14.7], | |
| [1626598500000, 12.5], | |
| [1626599400000, 12.0], | |
| [1626600300000, 12.9], | |
| [1626601200000, 13.7], | |
| [1626602100000, 12.1], | |
| [1626603000000, 12.2], | |
| [1626603900000, 14.0], | |
| [1626604800000, 11.8], | |
| [1626605700000, 14.5], | |
| [1626606600000, 12.4], | |
| [1626607500000, 13.0], | |
| [1626608400000, 12.3], | |
| [1626609300000, 14.3], | |
| [1626610200000, 13.4], | |
| [1626611100000, 13.2], | |
| [1626612000000, 12.1], | |
| [1626612900000, 11.7], | |
| [1626613800000, 12.2], | |
| [1626614700000, 12.0], | |
| [1626615600000, 10.9], | |
| [1626616500000, 13.0], | |
| [1626617400000, 11.6], | |
| [1626618300000, 13.1], | |
| [1626619200000, 10.9], | |
| [1626620100000, 10.9], | |
| [1626621000000, 10.8], | |
| [1626621900000, 12.6], | |
| [1626622800000, 12.8], | |
| [1626623700000, 9.9], | |
| [1626624600000, 18.7], | |
| [1626625500000, 12.9], | |
| [1626626400000, 12.9], | |
| [1626627300000, 12.0], | |
| [1626628200000, 10.8], | |
| [1626629100000, 12.7], | |
| [1626630000000, 9.9], | |
| [1626630900000, 21.6], | |
| [1626631800000, 19.8], | |
| [1626632700000, 12.4], | |
| [1626633600000, 11.9], | |
| [1626634500000, 19.6], | |
| [1626635400000, 16.0], | |
| [1626636300000, 11.9], | |
| [1626637200000, 10.9], | |
| [1626638100000, 13.7], | |
| [1626639000000, 15.4], | |
| [1626639900000, 11.8], | |
| [1626640800000, 11.6], | |
| [1626641700000, 12.6], | |
| [1626642600000, 13.3], | |
| [1626643500000, 13.9], | |
| [1626644400000, 10.9], | |
| [1626645300000, 38.6], | |
| [1626646200000, 10.4] | |
| ] | |
| }, | |
| { | |
| id: 'system', | |
| name: 'System', | |
| type: 'line', | |
| stack: '1', | |
| smooth: 0.2, | |
| lineStyle: { | |
| width: 1 | |
| }, | |
| showSymbol: false, | |
| areaStyle: {}, | |
| data: [] | |
| }, | |
| { | |
| id: 'ags', | |
| name: 'A Server', | |
| type: 'line', | |
| stack: '1', | |
| smooth: 0.2, | |
| lineStyle: { | |
| width: 1 | |
| }, | |
| showSymbol: false, | |
| areaStyle: {}, | |
| data: [ | |
| [1626560700000, 14.3], | |
| [1626561600000, 3.1], | |
| [1626562500000, 4.4], | |
| [1626563400000, 5.4], | |
| [1626564300000, 7.7], | |
| [1626565200000, 3.6], | |
| [1626566100000, 7.5], | |
| [1626567000000, 5.5], | |
| [1626567900000, 11.9], | |
| [1626568800000, 3.9], | |
| [1626569700000, 8.9], | |
| [1626570600000, 7.8], | |
| [1626571500000, 5.9], | |
| [1626572400000, 4.6], | |
| [1626573300000, 8.4], | |
| [1626574200000, 5.4], | |
| [1626575100000, 12.0], | |
| [1626576000000, 4.2], | |
| [1626576900000, 7.4], | |
| [1626577800000, 5.8], | |
| [1626578700000, 8.8], | |
| [1626579600000, 3.1], | |
| [1626580500000, 5.7], | |
| [1626581400000, 6.1], | |
| [1626582300000, 13.9], | |
| [1626583200000, 3.1], | |
| [1626584100000, 5.9], | |
| [1626585000000, 5.9], | |
| [1626585900000, 7.5], | |
| [1626586800000, 3.4], | |
| [1626587700000, 5.7], | |
| [1626588600000, 6.0], | |
| [1626589500000, 9.1], | |
| [1626590400000, 3.2], | |
| [1626591300000, 7.1], | |
| [1626592200000, 5.4], | |
| [1626593100000, 5.9], | |
| [1626594000000, 3.3], | |
| [1626594900000, 7.2], | |
| [1626595800000, 8.2], | |
| [1626596700000, 11.6], | |
| [1626597600000, 3.2], | |
| [1626598500000, 6.9], | |
| [1626599400000, 7.9], | |
| [1626600300000, 5.2], | |
| [1626601200000, 3.5], | |
| [1626602100000, 6.9], | |
| [1626603000000, 5.9], | |
| [1626603900000, 4.6], | |
| [1626604800000, 10.4], | |
| [1626605700000, 5.9], | |
| [1626606600000, 6.4], | |
| [1626607500000, 4.4], | |
| [1626608400000, 5.1], | |
| [1626609300000, 5.4], | |
| [1626610200000, 5.0], | |
| [1626611100000, 5.3], | |
| [1626612000000, 9.2], | |
| [1626612900000, 7.4], | |
| [1626613800000, 4.8], | |
| [1626614700000, 5.8], | |
| [1626615600000, 4.9], | |
| [1626616500000, 7.5], | |
| [1626617400000, 5.1], | |
| [1626618300000, 7.5], | |
| [1626619200000, 12.2], | |
| [1626620100000, 8.4], | |
| [1626621000000, 5.0], | |
| [1626621900000, 7.3], | |
| [1626622800000, 3.3], | |
| [1626623700000, 7.5], | |
| [1626624600000, 5.0], | |
| [1626625500000, 8.4], | |
| [1626626400000, 12.2], | |
| [1626627300000, 7.7], | |
| [1626628200000, 4.9], | |
| [1626629100000, 7.1], | |
| [1626630000000, 3.5], | |
| [1626630900000, 5.6], | |
| [1626631800000, 4.6], | |
| [1626632700000, 7.1], | |
| [1626633600000, 12.6], | |
| [1626634500000, 5.2], | |
| [1626635400000, 5.1], | |
| [1626636300000, 7.5], | |
| [1626637200000, 3.0], | |
| [1626638100000, 5.9], | |
| [1626639000000, 5.2], | |
| [1626639900000, 6.7], | |
| [1626640800000, 15.1], | |
| [1626641700000, 5.5], | |
| [1626642600000, 5.1], | |
| [1626643500000, 6.6], | |
| [1626644400000, 2.9], | |
| [1626645300000, 34.5], | |
| [1626646200000, 5.7] | |
| ] | |
| }, | |
| { | |
| id: 'ptl', | |
| name: 'Z Server', | |
| type: 'line', | |
| stack: '1', | |
| smooth: 0.2, | |
| lineStyle: { | |
| width: 1 | |
| }, | |
| showSymbol: false, | |
| areaStyle: {}, | |
| data: [] | |
| }, | |
| { | |
| id: 'ads', | |
| name: 'B Server', | |
| type: 'line', | |
| stack: '1', | |
| smooth: 0.2, | |
| lineStyle: { | |
| width: 1 | |
| }, | |
| showSymbol: false, | |
| areaStyle: {}, | |
| data: [] | |
| }, | |
| { | |
| id: 'web', | |
| name: 'C Server', | |
| type: 'line', | |
| stack: '1', | |
| smooth: 0.2, | |
| lineStyle: { | |
| width: 1 | |
| }, | |
| showSymbol: false, | |
| areaStyle: {}, | |
| data: [ | |
| [1626560700000, 0.1], | |
| [1626561600000, 0.0], | |
| [1626562500000, 0.1], | |
| [1626563400000, 0.1], | |
| [1626564300000, 0.1], | |
| [1626565200000, 0.1], | |
| [1626566100000, 0.0], | |
| [1626567000000, 0.1], | |
| [1626567900000, 0.1], | |
| [1626568800000, 0.0], | |
| [1626569700000, 0.0], | |
| [1626570600000, 0.1], | |
| [1626571500000, 0.1], | |
| [1626572400000, 0.0], | |
| [1626573300000, 0.0], | |
| [1626574200000, 0.4], | |
| [1626575100000, 0.1], | |
| [1626576000000, 0.0], | |
| [1626576900000, 0.1], | |
| [1626577800000, 0.1], | |
| [1626578700000, 0.2], | |
| [1626579600000, 0.0], | |
| [1626580500000, 0.1], | |
| [1626581400000, 0.1], | |
| [1626582300000, 0.1], | |
| [1626583200000, 0.0], | |
| [1626584100000, 0.0], | |
| [1626585000000, 0.1], | |
| [1626585900000, 0.2], | |
| [1626586800000, 0.2], | |
| [1626587700000, 0.0], | |
| [1626588600000, 0.0], | |
| [1626589500000, 0.1], | |
| [1626590400000, 0.0], | |
| [1626591300000, 0.1], | |
| [1626592200000, 0.0], | |
| [1626593100000, 0.1], | |
| [1626594000000, 0.0], | |
| [1626594900000, 0.1], | |
| [1626595800000, 0.1], | |
| [1626596700000, 0.3], | |
| [1626597600000, 0.0], | |
| [1626598500000, 0.1], | |
| [1626599400000, 0.1], | |
| [1626600300000, 0.2], | |
| [1626601200000, 0.0], | |
| [1626602100000, 0.1], | |
| [1626603000000, 0.0], | |
| [1626603900000, 0.2], | |
| [1626604800000, 0.1], | |
| [1626605700000, 0.1], | |
| [1626606600000, 0.1], | |
| [1626607500000, 0.2], | |
| [1626608400000, 0.1], | |
| [1626609300000, 0.1], | |
| [1626610200000, 0.1], | |
| [1626611100000, 0.2], | |
| [1626612000000, 0.0], | |
| [1626612900000, 0.1], | |
| [1626613800000, 0.0], | |
| [1626614700000, 0.2], | |
| [1626615600000, 0.1], | |
| [1626616500000, 0.1], | |
| [1626617400000, 0.0], | |
| [1626618300000, 0.1], | |
| [1626619200000, 0.0], | |
| [1626620100000, 0.0], | |
| [1626621000000, 0.0], | |
| [1626621900000, 0.1], | |
| [1626622800000, 0.0], | |
| [1626623700000, 0.1], | |
| [1626624600000, 0.1], | |
| [1626625500000, 0.2], | |
| [1626626400000, 0.1], | |
| [1626627300000, 0.1], | |
| [1626628200000, 0.1], | |
| [1626629100000, 0.2], | |
| [1626630000000, 0.0], | |
| [1626630900000, 0.0], | |
| [1626631800000, 0.1], | |
| [1626632700000, 0.1], | |
| [1626633600000, 0.0], | |
| [1626634500000, 0.1], | |
| [1626635400000, 0.1], | |
| [1626636300000, 0.2], | |
| [1626637200000, 0.0], | |
| [1626638100000, 0.0], | |
| [1626639000000, 0.1], | |
| [1626639900000, 0.1], | |
| [1626640800000, 0.0], | |
| [1626641700000, 0.1], | |
| [1626642600000, 0.1], | |
| [1626643500000, 0.1], | |
| [1626644400000, 0.1], | |
| [1626645300000, 0.1], | |
| [1626646200000, 0.1] | |
| ] | |
| }] | |
| }; | |
| var chart = testHelper.create(echarts, 'main0', { | |
| title: [ | |
| 'Test case from https://github.com/apache/echarts/issues/15380' | |
| ], | |
| option: option | |
| }); | |
| }); | |
| </script> | |
| <script> | |
| require([ | |
| 'echarts', | |
| 'ecStat' | |
| ], function (echarts, ecStat) { | |
| var data = [ | |
| [1, 5], | |
| [4, 10], | |
| [4,5], | |
| [6, 5] | |
| ]; | |
| echarts.registerTransform(ecStat.transform.regression); | |
| var option = { | |
| dataset: [{ | |
| source: data | |
| }, { | |
| transform: { | |
| type: 'ecStat:regression', | |
| config: { method: 'polynomial', order: 3 } | |
| } | |
| }], | |
| tooltip: { | |
| trigger: 'axis', | |
| axisPointer: { | |
| type: 'cross' | |
| } | |
| }, | |
| xAxis: {}, | |
| yAxis: {}, | |
| series: [{ | |
| name: 'scatter', | |
| type: 'scatter' | |
| }, { | |
| name: 'line', | |
| type: 'line', | |
| datasetIndex: 1, | |
| symbolSize: 0.1, | |
| symbol: 'circle', | |
| label: { show: true, fontSize: 16 }, | |
| smooth: true, | |
| labelLayout: { dx: -20 }, | |
| encode: { label: 2, tooltip: 1 } | |
| }] | |
| }; | |
| var chart = testHelper.create(echarts, 'main1', { | |
| title: [ | |
| 'Polyline with smooth should been displayed', | |
| 'Test case from https://github.com/apache/echarts/issues/15371' | |
| ], | |
| option: option | |
| }); | |
| }); | |
| </script> | |
| <script> | |
| require([ | |
| 'echarts' | |
| ], function (echarts) { | |
| var data = [ | |
| [0, 0], | |
| [10, 10], | |
| [10, 10], | |
| [20, 0] | |
| ]; | |
| var option = { | |
| xAxis: { | |
| type: 'value' | |
| }, | |
| yAxis: {}, | |
| series: [{ | |
| name: 'line', | |
| type: 'line', | |
| data, | |
| smooth: true | |
| }] | |
| }; | |
| var chart = testHelper.create(echarts, 'main2', { | |
| title: [ | |
| 'Smoothed polyline should been displayed when having duplicat points.' | |
| ], | |
| option: option | |
| }); | |
| }); | |
| </script> | |
| <script> | |
| require([ | |
| 'echarts' | |
| ], function (echarts) { | |
| option = { | |
| toolbox: { | |
| top: 10, | |
| left: 'center', | |
| show: true, | |
| orient: 'horizontal', | |
| showTitle: true, | |
| feature: { | |
| saveAsImage: { | |
| type: 'png', | |
| backgroundColor: 'pink', | |
| name: 'hwbtest', | |
| title: '保存' | |
| }, | |
| restore: {}, | |
| dataView: {}, | |
| dataZoom: {} | |
| } | |
| }, | |
| grid: { | |
| left: '10%', | |
| right: '15%', | |
| bottom: '15%', | |
| }, | |
| xAxis: { | |
| type: 'category', | |
| boundaryGap: false, | |
| data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] | |
| }, | |
| yAxis: { | |
| type: 'value' | |
| }, | |
| series: [ | |
| { | |
| name: '邮件营销', | |
| type: 'line', | |
| data: [110, 132, 101, 134, 90, 230, 210], | |
| endLabel: { | |
| show:true, | |
| formatter: '{a}: {b}' | |
| } | |
| }, | |
| { | |
| name: '销量', | |
| type: 'line', | |
| data: [210, 232, 201,234, 290, 240, 230], | |
| endLabel: { | |
| show:true, | |
| formatter: '{a}: {b}' | |
| } | |
| } | |
| ] | |
| }; | |
| var chart = testHelper.create(echarts, 'main3', { | |
| title: [ | |
| 'Should have no error when dataZoom on one points.', | |
| 'Case from https://github.com/apache/echarts/issues/16094' | |
| ], | |
| option: option | |
| }); | |
| }); | |
| </script> | |
| <script> | |
| require([ | |
| 'echarts' | |
| ], function (echarts) { | |
| var option = { | |
| xAxis: { | |
| type: 'category', | |
| data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] | |
| }, | |
| yAxis: { | |
| type: 'value' | |
| }, | |
| tooltip: { | |
| trigger: 'axis' | |
| }, | |
| series: [ | |
| { | |
| data: [150, 230, 224, 218, 135, 147, 260], | |
| type: 'line', | |
| showSymbol: false | |
| } | |
| ] | |
| }; | |
| var chart = testHelper.create(echarts, 'main4', { | |
| title: [ | |
| 'Should have no following warnings when axisPointer is visible', | |
| 'z / z2 / zlevel of displayable is invalid, which may cause unexpected errors' | |
| ], | |
| option: option | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |