echarts关系图配置,求教!

图片说明

如上关系图, 想实现的效果是:把圆替换为圆形的图片(ps:图片素材不确定是圆还是矩形)

特别说明:需要呈现圆形的图片

自己画一个圆,剪切画布,再在画布上画图片

 image.onload = function() {
        context.save(); // 保存当前ctx的状态
        context.arc(symbolSize, symbolSize, symbolSize, 0, 2* Math.PI); //画出圆
        context.clip(); //裁剪上面的圆形
        context.drawImage(image, x, y, symbolSize * 2, symbolSize * 2);
        context.restore(); // 还原状态
    };

参考api:http://echarts.baidu.com/option.html#series-graph
使用symbol进行配置
图片说明

具体代码及效果如图,望采纳
图片说明