Incubator-echarts: 关于markPoint.symbol怎么用 'image://url' 设置为图片

Created on 6 Jul 2016 · 11Comments · Source: apache/incubator-echarts

问题简述 (One-line summary)

参照echarts3.0官网上面说的可以用‘image://url’自定义图片，均失败

版本及环境 (Version & Environment)

ECharts 版本 (ECharts version):3.0
浏览器类型和版本 (Browser version):chrome
操作系统类型和版本 (OS Version):window

重现步骤 (Steps to reproduce)

1.symbol: 'image://https://www.w3.org/TR/SVG/images/paths/cubic01.svg'
2.

期望结果 (Expected behaviour)

symbol为自己的图片

可能哪里有问题 (What went wrong)

不知道网上也没找到相关解答

ECharts配置项 (ECharts option)

option = {
            series: [
                {
                    type: 'line',
                    name: 'price',
                    data: data.price,
                    lineStyle: {
                        normal: {
                            type: 'solid',
                            color: '#0caee6'
                        }
                    }
                },
                {
                    type: 'line',
                    name: 'mark',
                    data: data.data,
                    lineStyle: {
                        normal: {
                            type: 'dashed',
                            color: '#0caee6',
                            opacity: 0
                        }
                    },
                    markPoint: {
                        symbol: 'circle',
                        //symbol: 'image://https://www.w3.org/TR/SVG/images/paths/cubic01.svg',
                        symbolSize:10,
                        //symbolSize: [150, 50],
                        //symbolOffset: [0, -50],
                        data: data.title,
                        label: {
                            normal: {
                                show: false,
                                textStyle: {
                                    color: '#dcdcdc'
                                }
                                //formatter: function (val) {
                                //    return '';
                                //    //return val.data.time + '\r\n' + val.data.title.substr(0, 10) + '...';
                                //}
                            }
                        },
                        itemStyle: {
                            normal: {
                                color: '#eecb57',
                                borderColor: '#e0554e',
                                borderWidth: 1
                            },
                            emphasis:{
                                color: '#e0554e',
                                borderColor: '#e0554e',
                                borderWidth: 4
                            }
                        },
                        areaStyle:{
                            normal:{
                                color: 'blue',
                                shadowColor: 'rgba(0, 0, 0, 0.5)',
                                shadowBlur: 5
                            }
                        }
                    }
                }
            ]

}