特别说明:需要呈现圆形的图片
自己画一个圆,剪切画布,再在画布上画图片
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进行配置
具体代码及效果如图,望采纳