You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by wa...@apache.org on 2023/07/09 10:32:33 UTC
[echarts] 02/03: test: add two new test cases for scatter clip on Cartesian 2D coordinate system.
This is an automated email from the ASF dual-hosted git repository.
wangzx pushed a commit to branch fix/scatter-clip
in repository https://gitbox.apache.org/repos/asf/echarts.git
commit c525cbb0607818be565bb3dccfbe1281ebd0f589
Author: plainheart <yh...@all-my-life.cn>
AuthorDate: Sun Jul 9 18:29:36 2023 +0800
test: add two new test cases for scatter clip on Cartesian 2D coordinate system.
---
test/clip2.html | 157 +++++++++++++++++++++++++++++++++++++
test/runTest/actions/__meta__.json | 1 +
test/runTest/actions/clip2.json | 1 +
3 files changed, 159 insertions(+)
diff --git a/test/clip2.html b/test/clip2.html
new file mode 100644
index 000000000..a7541e3dd
--- /dev/null
+++ b/test/clip2.html
@@ -0,0 +1,157 @@
+
+<!--
+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/facePrint.js"></script>
+ <script src="lib/testHelper.js"></script>
+ <link rel="stylesheet" href="lib/reset.css" />
+ </head>
+ <body>
+ <style>
+ h1 {
+ line-height: 60px;
+ height: 60px;
+ background: #ddd;
+ text-align: center;
+ font-weight: bold;
+ font-size: 14px;
+ }
+ .chart {
+ height: 500px;
+ }
+ </style>
+
+ <script>
+ function makeToggleChartButtons(toggleClip) {
+ return [{
+ text: 'Set Clip',
+ onclick: function () {
+ toggleClip(true);
+ }
+ }, {
+ text: 'Set Visible',
+ onclick: function () {
+ toggleClip(false);
+ }
+ }];
+ }
+ </script>
+
+ <div class="chart" id="scatter-clip-cartesian-2"></div>
+ <script>
+ require([
+ 'echarts'
+ ], function (echarts) {
+ var start = +new Date(2011, 0, 1);
+ var data = new Array(20).fill().map(function (_, i) {
+ return [new Date(start + i), i];
+ });
+ var option = {
+ xAxis: {
+ type: 'time',
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [
+ {
+ data: data,
+ type: 'scatter'
+ }
+ ]
+ };
+ var chart = testHelper.create(echarts, 'scatter-clip-cartesian-2', {
+ title: [
+ 'Scatter Clip on Cartesian (#18861)',
+ 'Shrink the page, the first and the last point shouldn\'t be clipped'
+ ],
+ option: option,
+ height: 400,
+ buttons: makeToggleChartButtons(function (clip) {
+ chart.setOption({
+ series: [{
+ clip: clip
+ }]
+ })
+ }).concat([{
+ text: 'Resize Width (for first point)',
+ onclick: function () {
+ chart.resize({
+ width: 562
+ });
+ }
+ }, {
+ text: 'Resize Width (for last point)',
+ onclick: function () {
+ chart.resize({
+ width: 726
+ });
+ }
+ }])
+ });
+ })
+ </script>
+
+ <div class="chart" id="scatter-clip-cartesian-3"></div>
+ <script>
+ require([
+ 'echarts'
+ ], function (echarts) {
+ var option = {
+ xAxis: {},
+ yAxis: {},
+ grid: {
+ top: '14%',
+ },
+ series: [
+ {
+ symbolSize: 20,
+ data: [
+ [1, 1],
+ [1, 0],
+ ],
+ type: 'scatter'
+ }
+ ]
+ };
+ var chart = testHelper.create(echarts, 'scatter-clip-cartesian-3', {
+ title: [
+ 'Scatter Clip on Cartesian (#16661)',
+ 'The point at the right-top corner shouldn\'t be clipped'
+ ],
+ option: option,
+ height: 400,
+ buttons: makeToggleChartButtons(function (clip) {
+ chart.setOption({
+ series: [{
+ clip: clip
+ }]
+ })
+ })
+ });
+ })
+ </script>
+ </body>
+</html>
diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
index 562693a82..0d67363c0 100644
--- a/test/runTest/actions/__meta__.json
+++ b/test/runTest/actions/__meta__.json
@@ -51,6 +51,7 @@
"candlestick-large2": 1,
"candlestickConnect": 4,
"clip": 12,
+ "clip2": 2,
"coarse-pointer": 3,
"color-mix-aqi": 2,
"connect": 1,
diff --git a/test/runTest/actions/clip2.json b/test/runTest/actions/clip2.json
new file mode 100644
index 000000000..e563f4037
--- /dev/null
+++ b/test/runTest/actions/clip2.json
@@ -0,0 +1 @@
+[{"name":"Action 1","ops":[{"type":"mousedown","time":491,"x":266,"y":91},{"type":"mouseup","time":640,"x":266,"y":91},{"time":641,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":835,"x":265,"y":91},{"type":"mousemove","time":1035,"x":276,"y":97},{"type":"mousemove","time":1235,"x":360,"y":101},{"type":"mousemove","time":1435,"x":386,"y":99},{"type":"mousemove","time":1635,"x":399,"y":97},{"type":"mousemove","time":1839,"x":401,"y":95},{"type":"mousedown","time":1906,"x" [...]
\ No newline at end of file
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org