test(symbol): add test case for `emphasis.scale`
diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
index 5de0031..4267114 100644
--- a/test/runTest/actions/__meta__.json
+++ b/test/runTest/actions/__meta__.json
@@ -170,6 +170,7 @@
"stackBar-dataZoom": 7,
"sunburst-book": 1,
"sunburst-canvas": 1,
+ "symbol": 1,
"symbol2": 1,
"themeRiver": 1,
"timeScale": 1,
diff --git a/test/runTest/actions/symbol.json b/test/runTest/actions/symbol.json
new file mode 100644
index 0000000..a3eaba4
--- /dev/null
+++ b/test/runTest/actions/symbol.json
@@ -0,0 +1 @@
+[{"name":"Action 1","ops":[{"type":"mousemove","time":191,"x":749,"y":85},{"type":"mousemove","time":392,"x":733,"y":119},{"type":"mousemove","time":606,"x":704,"y":150},{"type":"screenshot","time":2032},{"type":"mousemove","time":2274,"x":705,"y":150},{"type":"mousemove","time":2479,"x":711,"y":74},{"type":"mousemove","time":2689,"x":706,"y":36},{"type":"mousemove","time":2897,"x":700,"y":20},{"type":"mousemove","time":3361,"x":697,"y":5},{"type":"mousemove","time":3407,"x":697,"y":7},{"type":"mousemove","time":3612,"x":696,"y":21},{"type":"valuechange","selector":"div.dg.ac>div.dg.main.a>ul>li.cr.string>div>div.c>select","value":"2","time":4315,"target":"select"},{"type":"mouseup","time":4316,"x":277,"y":-15},{"type":"mousemove","time":4330,"x":683,"y":59},{"type":"mousemove","time":4533,"x":714,"y":73},{"type":"mousedown","time":4750,"x":741,"y":109},{"type":"mousemove","time":4762,"x":741,"y":109},{"type":"mouseup","time":4863,"x":741,"y":109},{"type":"mousemove","time":5041,"x":741,"y":110},{"type":"mousemove","time":5245,"x":739,"y":117},{"type":"mousemove","time":5607,"x":737,"y":122},{"type":"mousemove","time":5821,"x":712,"y":154},{"type":"mousemove","time":7472,"x":711,"y":155},{"type":"mousemove","time":7673,"x":709,"y":137},{"type":"mousemove","time":7879,"x":703,"y":130},{"type":"mousemove","time":8090,"x":708,"y":152},{"type":"screenshot","time":8290},{"type":"mousemove","time":8495,"x":721,"y":153},{"type":"mousedown","time":15040,"x":721,"y":153},{"type":"mouseup","time":15178,"x":721,"y":153},{"type":"mousemove","time":17358,"x":721,"y":146},{"type":"mousemove","time":17576,"x":697,"y":70},{"type":"mousemove","time":17786,"x":689,"y":15},{"type":"mousemove","time":18161,"x":689,"y":21},{"type":"valuechange","selector":"div.dg.ac>div.dg.main.a>ul>li.cr.string>div>div.c>select","value":"undefined","time":19684,"target":"select"},{"type":"mouseup","time":19684,"x":277,"y":-15},{"type":"mousemove","time":19700,"x":699,"y":82},{"type":"mousemove","time":19909,"x":708,"y":105},{"type":"mousemove","time":20141,"x":711,"y":133},{"type":"mousedown","time":20325,"x":711,"y":133},{"type":"mouseup","time":20522,"x":711,"y":133},{"time":20523,"delay":400,"type":"screenshot-auto"}],"scrollY":0,"scrollX":0,"timestamp":1659016158148}]
\ No newline at end of file
diff --git a/test/symbol.html b/test/symbol.html
index 808f9a7..465cb38 100644
--- a/test/symbol.html
+++ b/test/symbol.html
@@ -23,6 +23,8 @@
<meta charset="utf-8">
<script src="lib/simpleRequire.js"></script>
<script src="lib/config.js"></script>
+ <script src="lib/dat.gui.min.js"></script>
+ <link rel="stylesheet" href="lib/reset.css">
</head>
<body>
<style>
@@ -35,12 +37,12 @@
<script>
require([
- 'echarts'
- ], function (echarts) {
+ '../node_modules/seedrandom/seedrandom.js',
+ 'echarts',
+ ], function (seedrandom, echarts) {
+ Math.random = new seedrandom('echarts-random');
- var chart = echarts.init(document.getElementById('main'), null, {
-
- });
+ var chart = echarts.init(document.getElementById('main'));
var symbolList = [
'circle',
@@ -86,12 +88,6 @@
legend: {
data: series.map(function (series) {return series.name;})
},
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'cross'
- }
- },
xAxis: {
type: 'value',
splitLine: {
@@ -106,8 +102,60 @@
},
series: series
});
+
+ window.addEventListener('resize', chart.resize);
+
+ var symbolScaleValueMap = {
+ 'undefined': undefined,
+ 'null': null,
+ 'true': true,
+ 'false': false,
+ '0': 0,
+ '0.5': 0.5,
+ '1': 1,
+ '1.1': 1.1,
+ '2': 2,
+ 'NaN': NaN,
+ 'Infinity': Infinity,
+ 'Negative(-1)': -1,
+ 'Empty String': '',
+ 'String(\'abc\')': 'abc'
+ }
+
+ var config = {
+ hoverScale: 'false',
+ tooltipTrigger: 'item'
+ };
+
+ var gui = new dat.GUI();
+ gui.add(config, 'hoverScale', Object.keys(symbolScaleValueMap))
+ .onChange(update);
+ gui.add(config, 'tooltipTrigger', ['axis', 'item'])
+ .onChange(update);
+
+ update();
+
+ function update() {
+ var activeHoverScale = symbolScaleValueMap[config.hoverScale];
+ console.log('active hoverScale', activeHoverScale);
+ series.forEach(function (series) {
+ series.emphasis = series.emphasis || {};
+ series.emphasis.scale = activeHoverScale;
+ });
+ var tooltip = {
+ trigger: config.tooltipTrigger,
+ axisPointer: config.tooltipTrigger === 'axis'
+ ? { type: 'cross' }
+ : null
+ };
+ console.log(tooltip);
+ chart.setOption({
+ tooltip: tooltip,
+ series: series
+ });
+ }
});
</script>
</body>
-</html>
\ No newline at end of file
+</html>
