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