echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Feature] effectScatter-hightEffect color

Open HU914 opened this issue 2 years ago • 2 comments

What problem does this feature solve?

option = { xAxis: {}, yAxis: { scale: true }, series: [{ name: "1990", type: "effectScatter", data: [ [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] ], symbolSize: function(data) { return Math.sqrt(data[2]) / 5e2; }, itemStyle: { color: "rgba(242, 8, 8, 1)" }, emphasis: { itemStyle: { color: "rgba(62, 11, 231, 1)" } } }] }

散点图的高亮后,涟漪颜色并没有随散点的颜色变更为高亮的颜色

What does the proposed API look like?

当散点图高亮时,散点的涟漪颜色应该和散点的颜色保持一致

option = { xAxis: {}, yAxis: { scale: true }, series: [{ name: "1990", type: "effectScatter", data: [ [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] ], symbolSize: function(data) { return Math.sqrt(data[2]) / 5e2; }, itemStyle: { color: "rgba(242, 8, 8, 1)" }, emphasis: { itemStyle: { color: "rgba(62, 11, 231, 1)" } } }] }

HU914 avatar Apr 16 '24 02:04 HU914

kind of a workaround - Demo. image

helgasoft avatar Apr 16 '24 19:04 helgasoft

The problem hasn't been resolved, consistency still isn't maintained, and the demo's effectiveness. I believe many people won't choose to use a configuration like this.

HU914 avatar Apr 17 '24 01:04 HU914