-
Notifications
You must be signed in to change notification settings - Fork 19.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Feature] 饼图各部分之间提供间隙支持 #19066
Comments
@zhouzhili It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗 TRANSLATEDTITLE [Feature] Provides clearance support between parts of a pie chart BODY What problem does this feature solve?Add gap attribute support to the itemStyle of the pie chart so that the gap can be configured. This design is currently very common, but there is no official way to directly configure the gap. At present, both solutions are seen to be flawed, The second is to use itemStyle: { color: 'transparent' } in the example, but when you click the legend to close an item, the interval still exists, and it will become larger and larger, and the experience does not meet the requirements. My example: [Gap pie chart](https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=G4QwTgBAJiAuICkDOB7AdhAvBA3gKAmgEsBbAUzSSPSQC4IBtAcgAcwUoBXAY1iYBoITGPACMTALr8CEVJzDcy9BjML5CGiGw49Y9 JoG8fQNHqgADkBqjSJCj6ogEwAGCwF9pm9Zq3suvfccAxcuae0HDW9I5Omq4WHpraPnpCxoCQckGeVjYQogCskRrR7haE8bp-RoDbammaGfQAHHmEBRqxGiW-SUaAKXJVlqGZAOwNEE1qRV46 7YZGgLaKPYQ1WaJDI7hjbYlTgMBycyFitgDMyzISeM4A3HigkFZYjDI4EKAANpxKWY6CaCDkZWbDbrhHiAXm9agA6ABsn2-byYgBfUwCZaQIIERYGQSABlWAATyebwe3BQTxQYH0sDAIEoLHAFD4w3 -9yBIPCDgc0J-HUCDLUTNedUh7NhiORqPRWNx-IghOJpKE5MpSGpYFpTHpTQezz5WVygrKqW5gM1oIFEC-HPhSMEosxOLx9AJRJJZIpVJpaDpzgNGuBWvquo6lS9vONUNNMP0wqtaJtEvtUsdsqY8t dyvdqs96uD9EG_qm3SDRv5obNQstKOj4rtgOlTrlLsVbo9BZ9b1ES1zxlmzeZEHBxfDQkj5bFtslNcTyYbqabmcLWUOHaM227vpNJYjZetlbHCedCqVKrVeAkFyuEDxAHMKFAACKhW5WZDoMF yBRkMEkEAsAAUSEwAD4kDBdYAEo8BQFhYGoDBsA8AAjEBuAAawvdhODQKAAGFdwAIgAYlZBwcIBKwkDIRIHjBKjH1QDAmlgFAiSglh7QsJAAAsUAAd3oAAzYEyJkejUSrFoOO4- hyVeAFCDRAAPDYejxXiNkOABSHoGJYoRcg0mSIHk2AAEEniIC80H0RR3TIMBNLIBSADUbKg7hgRMsyLKEKy0Vs_TDO3VjgnHfQ8N4sLwp2Xj0FgAB1MgzPYjY4KJKBIuijEiAAL1hUQwWyZUSDS 90ADFviIJ5sX0JgXH0pBODgwyqtq-r_NHQLPGCoRQvCsKiti-KL0S_RkqeVL9MIKL3Qy7LbFqcaIEm2BSpIcrKqEaqoiEgFL2vdrCHEniDLAaSLCIQlPKYNCMIAJTIXgehJIhaX0YBnLO4ElLIFT9A hBw9IsLTLNpGyejABLEjZCxktgBiSHoSHNGBDz9GUvh9OtABxL96GyfSorAT8YZspqLCsWgdowu94D8-zYAC1Ygt3IQwAvBDv32UNRH6fZBDsbIABZBFEEC-um1s5rGRa4vB4aUr65bVpJ4Iwe4di qpq07owACQGoasgRjRrRiogoFgNWIEcLaZAYolkrkvbZE4w7-KeQTGgBMiwbIOg7kKYJ1yEKwdhxFhYRYJ6dm4YlkONsjJOOsh5opKAiE4H3mF-vShHqDSpDGTjXrAIy0FIOBoL4gTE7GbzicYJh 1ORJhdMkearHmrc2oZ4JTRJT8ngd4InhAOCyH7rvu40A6K9dsgxk2ifnDGRf54gE5ziAA) What does the proposed API look like?Provide officially supported interval configurations, such as adding gap attributes to support pie chart intervals, which can be radians or pixel widths, etc. |
What problem does this feature solve?
给饼图的itemStyle 增加gap属性支持,使其可以配置间隙,这种设计目前很常见,但是官方没有支持直接配置间隙的方法。
目前看到2种解决方案都有缺陷,
一是使用borderColor和borderWidth,但是配置透明色时不会渲染,当背景面板是渐变色或者图片时,这种方法不能满足需求
二是使用示例中的,itemStyle: { color: 'transparent' },但是当点击图例关闭某一项时,间隔依然存在,会越来越大,体验也不满足需求。
我的示例:间隙饼图
What does the proposed API look like?
提供官方支持的间隔配置,例如增加gap属性来支持饼图间隔,可以是弧度或者像素宽度等
The text was updated successfully, but these errors were encountered: