This seems to be working for me:
https://echarts.apache.org/examples/en/editor.html?c=pictorialBar-hill&code=G4QwTgBADiUKZgCIgC4gKoCUCSEC8AUBBAOQAmqIAXAJYC2IA5nAPRQB2jA3AEYgDOcAGwAWADQ0AagCEA8pgDuABgDSAcUYB7AIK7tAOQDK6ABYBRdIz0ApK3oCeAYW0BNPY8aZMKqHu2OADWlsAHUAgFk9fgAVPQAZMwUzbTooBTc9NQDMADEQgAlMaJ4AJgAtJTISnPsygEVpaTK1AE4aMsNpax4QnPYyyWsAGxcQzABWAGNJoaGABT1pIRzrTDMc9Dh9MH52Mxb7EoAvFxcAD3Q6TABrGkYAdn4oSTIoM4BmfLIARx57sv0cByshKczImkQAEZHAArFqIOCaMxkFQ8OiIOZbHL6EL3IYAVyU9nuKEwZWA_Bc3wAZjCQiY4ixvnNGKzNNhWdpgnUVHVrgp-LJzON-HVHNSjgp3vj9PlrPiRfp2LIQGVviUWpgUChNEMFNTtDwzowFI4TLIWuwQGQWCwRI4So57oYWoZqXBpUc6poeN99IwTODrNIyNgpZgABzffLsYD6AyTbSQ_jSdBqRwgSQtKAuJ1gFzSHhxYA8Kw5GDSRh0EI8fEwoaySHxlomEoKOrFSZkfKyTQ0VtlOtxED3EKTHI68IodD8FT4nJmRAhOLvHjXbT5dVqaLsaIAalk1mu9miR342TIkJYagjOU0Ln0LWA0nYdT3UDUZXu1Pu0iQ3xcQw4l9IRsDIM4AjUcIWiEaQVGwIZKwxFp7joRgYXuEA4gCSZEGHCNqUYb5NDUBQcnxSEuToYBJQUOJtHxaJomsOgFBYQwcmwak1BYMppDoMxwjDTAaHyRxJFkdhHGiQw5mua4WGkRAIXuFw5R4YBJn0FxZEkRgXDoFAcU0SFJn4JQzmsCMoDqaxEEYAIuOgnh-EmMwRGiJB7G0EIkmifEzDMKA5iUOpDCOEJ0HeIRxmiJRHCgAIUCOCEyH4awXFXVIYRpOLtCGbxwmpekGhMHIXGuNR6IUGEoDMIRrGwM5dl0I4hFGUKYWuUUQGkNRt2-JRqTYwylGuaxgACOptHuSY4Ai1IXBAb4unud4AjoFQ1i5OpIhUbRMBhMpBQCNV0BEFgcmAYCQkYfEWkkaaShEfQjkwNQXDMawWKERxITUOh8W-kQpRaRxxkMGEhDOFh8lAlQaBCM45nyak9TqYAWgUOYzEkWK4BoUtDBEEolCURAjjUGgUEMMgAiESRHDKMYlHYTR2AOloIzIOp_TObB2HgewlGkYB2EBFR8gCaw1EQD6XDiGhrDqBQaG-bAYXxfIyj3fEVH4EI6v4dAdPySRtDgWQyDoMaRDAI46CfFQXHQHgwEwfh0nuS5JkkJaRAjK4If0EoXEYa5NHCIYAkcTR8jMOg6iESYDU0GF2BoSFJHXS5-DAIKhheMhxWp9BlnQHIjkQKBwmARAFEhdhriOHJtHGMgjhaSEyGuFxgDmIRISj1ZcYjBQQDqSLDDGdhJBASZ3nGOo4BcFhkjgCN3kmJRMHRRxwvCTBJD3BQSnYIYyhMKBIXQexsXsaxJBrkBrAZughjqT50GkfYwDIQwoDYFdiYEw1gSghHYDkPcZgzhlCEO8dAe5qQsGACUEwSgSh0HdH8Fg1gyhQCUCACM-cVCQk0PiSQ3w4ABHxEIOIChzBqm0EoOAjh8SOHsIgIQMC1CcEkJtQBjhrDjGnGYHgMIcj8DoI4Pc7AySYEMPwQwjglDoBUMAPce57hzGAEIe4QgWA_nqDwFB9xZAoLoO8Ah7Z3jGzMNgSOLATD8Grtib4KhviSCECgSEEwhgoEYOwV-AR7AoDGrIfcZI4BDEcHUOgkwKH8CzmAEwahZBOm-GQMa2B7CSBKPoCM9wYRaMxu8CMkwK4hLqBGWQsiTD3BMHQP8KAnxqEkOgI4kI6BlHeBnMyTpsCGG-NEbAjhvhDDIHEb4OQaBDBAEiGEZAyCyGRuMdAIA6BK3eGwngWZ2B7lnDwfI9w_75COPie4ds9gsA6SEFoYptAAOouDAIcBriyBCDQaI4I6iYG0CII44wIw4zUGce4e4dGGH0GsQh-QuS7L3ATFw9ZmJKE0CEcYdAtGD3CCIFAZw4BzBCHQTQZxxiyEQJIRA0RHBkB4GGHIJRED2E9gC4ZLcziyEmCwYo9ZHBsCEGUHgLhwiQiUC0RS1w9z6HxHMd4QxHT7PYIgRAJg6hGRUDkBQ3ycjvDOHQR41g4jhGrEBOgMIRDsGiUoA5Cg6ZkBaJMTQ1ShDXAjGYaQ7wTQlDgOwaQChGAqDOEoI41lwQiCgN8MwjhgCQm6O6EoIxvjaGsDQdgm10V0AtmcMgsyzDkMYDQWQ9hIRUJYHMPc6AwD4h4PYakUdqRzB4HFcY4Qjj5E0CwM4-R-D5AmcWMgrBqQ0AjMAFQMJwjvHCGoOoIAWDsBaPoRAgNgDYHCNIc04Q_4KJ4EW5NIRvgwjMPiZ4YBHo5EQHkbQ_9ITUifkcSQKgQBDDJiESWZwQDaHsCYTOAQAhQAyigMAUAyjgBYPYCMKAAgWr3OEYw4R2GUTUHAIplYsCMFkE8HRospy_TANIHUs0oAmDANeuAUAYSTH_VaRgUBAnoDYXuLNLQchDBhJgAI3wWi-k2SoIYhhunjCOD-uA6AoBDCPN8Ewn09wgBhPYdI3xMAhFkOgQwIwQh1DKEcZB7BIR7m-JMEQMIwAiBUGYFwrcXAKMZS4MA-HrhmF4WoTQRx2BkD1iocYOQ4DUnQAoMoIhrBELACobowRj5ackGYGgIg4jsJQvcfR-Qcg8FHd8MoyRd7-HXHMOYmAH3ACjnuGE7xDH5AjJoZwLR0V1A-SYRgQglDvEQMyfQMMzjaHCCoOYChJg8BaNSSEEZpPYGiL5lge4Hg4RuNYTUDUzDAAvXMfzzUcImHxEWgI65ohnB_NEY9XWx0qHYIYbAAQ5nvEhDwMiLAV51RMKuqAFdt7vg5O8OgbMQD6yOF1YF4QVZ7j-HATGkg4AqAktgOYMIaCTGiCgaQ1wOM0F0Igaa0RgCmBaHEKA9gsXsCEHQYLT8aDf26SEiMQweA4GsPcLJIQ5mvi0IwBCLhsgfW-I4OI-Ge7aBTCwTAj5ClqHutcfS2z7BpiTFHb4QhrJGRPTCSSDrQCwhYEKHIhjJAoCskPGgJQ8cBD3PYWQ4ROeMHyKabA00Aj3DMNHe4iBx1PhCNXc7MIShxDmHER27xqTUk0CYd4ZRITADoHMaIIBen6GnPcfQOJ3j6GuioE7XWTBzEQMo-wR9nuSEwGQP2Lh9rYDoEEGIChNDkxQNEFQ1E5DADMDCHgA3ohlBRBGAIsVZBmFkNcGyYAWuGDInboQushA1u0LIfIjA6iPRi2UHUyt_kRm0CUaIagzD3ACDQNKKBlS-me2oVczN3g005fwIpcyoA8CfSony_pGDdxEMAb4_BHB7-2zH1LagSiceiDlOYSQewSNMgBQM4dVewFwe4RkM4NQEAFoXyEoSYERZGMoZgauKDFgOgKAswR0GsMwRgYAfEIYbQGdTDTyRAbTOgaEb4SDFga4EobQTgelRwEIawSERgfgcYAIXdGEcYOANfW6UjOYUifIEAQwVkHgbQUAMAFHTQYAa4FAGEHrSQd4FwH4OIBjSQGEakFwOAH3FABqfgRcc2SiaGfEYw8iVgfIGgfEcIcYEIFAbzJMHkBQCwxAEoCMfEAIOIaQKTBHJQBQUg44ZUOiFwPSHIOeFfFwRgl2HgR8YwkIQsRAMgdfbQOIHSfJT6EodyAjZoVfBWfQBOGaFItI0OQwbUCPJQS1atMJNQZNFwBQF4GgNQGEfgMod2a4bsTAP3FAMgIYYAd4CeOYCVI4ZhOrVQAsI4WjWpVQOoOINsWEdAb4adLNfzawf0HIRgSlAwFwT8GfEQFI7AFfWWc2bSVLKPFgLmCFb4OII4I4LROTRwBuO0AINwaQAIJImBI4MAdAbQKbPwLoTAdAcYMwMAcaVkRgPAPAEgLgAgTQKAFAGgdmfACAAAbyIAgEYDAFgB_UmCoHRMxOIGiTgDoF9RQH4AJIAG0iTiBCS6SGSIAUBgC4ACSSB6AmA4ASAxBaSGShhfMUA2TNkll-TuTeS6SdQoA2TJSxTGS6SjgCSxUlAeS5TiB-BmT-SCSMTVS6SOTmACSYB4AkBKAsBsBxTiAABfcUq0hkgAXUxItJVIgD4EmDFzAHIXc1jiGE0DADZIAGIhp3h7hxhqRZSmTNBdQkSpT0THTMT-TmB3MtTaSUA4AzgaYNTWT0SIAnVvTfTSA_SlkyASAIAbSSynTOszgaBKSIAaSGTtTGSKA0BqSSAzRZD1SGB-AIBPl-ATAIBFZ1TuTSBBySBvQSVGcqwQBhyEYhgOT2AYRwBNASBbSnSGSQBKyYhYdrgtSIAezNAFACTqRn1BAyzxS1yqzFYrVtzdz9yIBDyhhjzYy5Szz-BhweBokkydSGAwBC12ACTSYVzGScyfT_TCywy5SA92AaYaAjhMzIQRBrTaTSzlzMTvJ1yPy6SngZyUALzMy0SdyTA9yDyjy4ATzVz1zohNyryCKby7yHyALnycKqLCLbziLSK6SGKQA3yhgmKaLWLSzHyIAvzrhGL6T5SCSABaSEB0p0kADOBgJE9mMwAQNNRgNk6JAQJEyYWQfEFAMMwQWQuAas2suk-shk5k-ANkqAWHHUWQ59aQcAMCukq0Mktk_KIYRy4k1IEwZS6s0yxk1yZ9TMoDfEOAa0gC4gOZLi9CuU68gk4KuAcKukqATQfgamZE380gGUxK4gAPMAeSlMvMkgNEyYC0wSjyukiCqCmCxUoQbK7M3UYC_MuAcYEQZrcYEgMK8Uxs6gGs800SnU0AAkWC94MmZUvqtUvHHgXUNkvU1k20YsvcaAWABAZANAU0uqiaugKagqcjOAVAOK6tBK8ancya3UQwaCzMqkkgSEEagAUmHNJnuuQp1M2u2tkH90EEFJrOVIgDFWepev4FOqGHCHAB_LZPEruvKtXLktQHSoRDmXsAPPxHYEmAUvYAgAAApuqBZB0zgxAlqcS6B-AABKfql6sAOAFAfEMAdGmAQm_gAAOjTVxogAACoIARq4SXqSy-qBK5S_K5TBqQrwaoaMKga2S2YrUOqdS-bGSBbGShbMyIwIwRBxBjrAatrprjriB2SGB9T5qIBFrMBZAIkAB9BYaIfIQ20gFgbqlgAQT6lgegRgJxWZIYcS0c3UWSichmjgRgUW16s6i65s0mJQe6_G66pQcYJ6jak6zW-YFKtK9mNS9zAOiABU36pQXmuq-WhkxWgkoFFocYWOjW7aqgbW0gWaqgA2o2k26Ic27QS262kgW2yge2_gR252122YcS6c2c-c9032zgNO0uoO6qmskgUO8O0gMVaOpckuoGuYROtGlOos3m8U_6hkoSkS3OuOsuieyWrkiOw--evqyK98smmK6ioi-80KmWuqmcq1Co-wTUy-wChqwqv05q1qxeNO1WMgFAEwP87Ovq7q6k463ehk1Cqsgk5W1W460suU-0uUxBti4geW5yzMkgNy8q8yrBqy1Gn0mgOyhyxKvgMAOA6MkgSSsmcO8U0e7i0gSYGgMAGYI-8U6mUk5-1-3eoCz-4bFqruaWxk2WtU2Zckg6kKxKhh966kT66kn6kgcYMO0-uUjOmhxKsB3qnUyBiAfO36he-O868eq6yEZR6e5R5B1U0Rky46_R6h4RlBnOux59YWgx9WoG4xy6ye2hwcyxkBnRlxoaxUwx7arxkO3x_G_xmWjexCzE-0i0rgIAA

Thanks

*Ovilia*


On Thu, Jan 11, 2024 at 4:54 PM <ni...@bliq.se.invalid> wrote:

> How can you show svg data in a Graphic element? I can get it to work
> with data that is data:image/png like "paperDataURI" in the example [1].
> But not with data:image/svg+xml
>
> Something like:
>
>          graphic: {
>              elements: [
>                  {
>                      type: 'image',
>                      left: 'middle',
>                      top: 'top',
>                      z: 100,
>                       style: {
>
> image:`data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org
> %2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M10%2C10%20H90%20L50%2C70%22%2F%3E%3Ctext%20y%3D%2290%22%3E%22%20%27%20%23%20%25%20%26amp%3B%20%C2%BF%20%F0%9F%94%A3%3C%2Ftext%3E%3C%2Fsvg%3E`
>
> }
>                      }
>              ]
>          },
>
> Grateful for an example
>
> Links:
> ------
> [1]
> https://echarts.apache.org/examples/en/editor.html?c=pictorialBar-hill

Reply via email to