This is an automated email from the ASF dual-hosted git repository.
sushuang pushed a commit to branch master-tmp
in repository https://gitbox.apache.org/repos/asf/echarts.git
commit a59feb4466c69c4380df6d7b365f21a20836df9f
Author: 100pah <sushuang0...@gmail.com>
AuthorDate: Mon Dec 4 17:41:51 2023 +0800
[test] Add test case for https://github.com/apache/echarts/issues/19093
---
test/lib/testHelper.js | 3 +
test/manual-svg-color-bug-202311.html | 184 ++++++++++++++++++++++++++++++++++
2 files changed, 187 insertions(+)
diff --git a/test/lib/testHelper.js b/test/lib/testHelper.js
index 6df2c44a6..c570529d3 100644
--- a/test/lib/testHelper.js
+++ b/test/lib/testHelper.js
@@ -76,6 +76,7 @@
* @param {Array.<Object>|Object} [opt.buttons] {text: ..., onClick: ...},
or an array of them.
* @param {boolean} [opt.recordCanvas] 'test/lib/canteen.js' is required.
* @param {boolean} [opt.recordVideo]
+ * @param {string} [opt.renderer] 'canvas' or 'svg'
*/
testHelper.create = function (echarts, domOrId, opt) {
var dom = getDom(domOrId);
@@ -267,6 +268,7 @@
* @param {number} opt.width
* @param {number} opt.height
* @param {boolean} opt.draggable
+ * @param {string} opt.renderer 'canvas' or 'svg'
*/
testHelper.createChart = function (echarts, domOrId, option, opt) {
if (typeof opt === 'number') {
@@ -287,6 +289,7 @@
}
var chart = echarts.init(dom, null, {
+ renderer: opt.renderer,
useCoarsePointer: opt.useCoarsePointer,
pointerSize: opt.pointerSize
});
diff --git a/test/manual-svg-color-bug-202311.html
b/test/manual-svg-color-bug-202311.html
new file mode 100644
index 000000000..15d95b4e4
--- /dev/null
+++ b/test/manual-svg-color-bug-202311.html
@@ -0,0 +1,184 @@
+<!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>
+ <link rel="stylesheet" href="lib/reset.css" />
+ </head>
+ <body>
+ <style>
+ </style>
+
+ <h2>Test this case on Safari.</h2>
+ <div>For <a target="_blank"
href="https://github.com/apache/echarts/issues/19093";>apache/echarts#19093</a></div>
+ <br>
+
+ <div id="main0"></div>
+ <div id="main1"></div>
+
+ <script>
+ require([
+ 'echarts',
+ ], function (echarts) {
+
+ var option;
+
+ option = {
+ animation: false,
+ "xAxis": {
+ "type": "category",
+ "data": ["2018FY", "2019FY", "2020FY", "2021FY", "2022FY"],
+ axisLabel: {show: false}
+ },
+ "yAxis": {
+ "type": "value",
+ axisLabel: {show: false}
+ },
+ "series": [
+ {
+ "type": "bar",
+ "name": "总营收（万美元）",
+ "data": [111, 222, 3333, 444, 555],
+ "label": {
+ "show": true,
+ "position": "top"
+ }
+ }
+ ]
+ };;
+
+ var chart = testHelper.create(echarts, 'main0', {
+ title: [
+ 'hover the bar and then leave (in mobile, just touch the
bar)',
+ 'The label color should not become white.'
+ ],
+ option: option,
+ renderer: 'svg',
+ });
+ });
+ </script>
+
+ <!-- <script
src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js";></script>
-->
+ <script>
+ require([
+ 'echarts',
+ ], function (echarts) {
+
+ var option;
+ option = {
+ title: {
+ text: 'Funnel'
+ },
+ tooltip: {
+ trigger: 'item',
+ formatter: '{a} <br/>{b} : {c}%'
+ },
+ toolbox: {
+ feature: {
+ dataView: { readOnly: false },
+ restore: {},
+ saveAsImage: {}
+ }
+ },
+ legend: {
+ data: ['Show', 'Click', 'Visit', 'Inquiry', 'Order']
+ },
+ series: [
+ {
+ name: 'Expected',
+ type: 'funnel',
+ left: '10%',
+ width: '80%',
+ label: {
+ formatter: '{b}Expected'
+ },
+ labelLine: {
+ show: false
+ },
+ emphasis: {
+ label: {
+ position: 'inside',
+ formatter: '{b}Expected: {c}%'
+ }
+ },
+ data: [
+ { value: 60, name: 'Visit' },
+ { value: 40, name: 'Inquiry' },
+ { value: 20, name: 'Order' },
+ { value: 80, name: 'Click' },
+ { value: 100, name: 'Show' }
+ ]
+ },
+ {
+ name: 'Actual',
+ type: 'funnel',
+ left: '10%',
+ width: '80%',
+ maxSize: '80%',
+ label: {
+ position: 'inside',
+ formatter: '{c}%',
+ color: '#fff'
+ },
+ itemStyle: {
+ opacity: 0.5,
+ borderColor: '#fff',
+ borderWidth: 2
+ },
+ emphasis: {
+ label: {
+ position: 'inside',
+ formatter: '{b}Actual: {c}%'
+ }
+ },
+ data: [
+ { value: 30, name: 'Visit' },
+ { value: 10, name: 'Inquiry' },
+ { value: 5, name: 'Order' },
+ { value: 50, name: 'Click' },
+ { value: 80, name: 'Show' }
+ ],
+ z: 100
+ }
+ ]
+ };
+
+ var chart = testHelper.create(echarts, 'main1', {
+ title: [
+ 'hover the funnel and then leave (in mobile, just
touch the bar)',
+ 'The label color should not become white.'
+ ],
+ option: option,
+ renderer: 'svg',
+ });
+ });
+ </script>
+
+ </body>
+</html>
+
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org
