大屏有个需求是在图例每一项中添加背景色
查了一下echarts的API只支持配置全局的背景色,没办法实现
就采取了添加canvas再绘制的方式
let parentDiv = chartDom.firstElementChild;
let initCanvas = parentDiv.firstChild
let canvas = document.createElement('canvas');
canvas.width = initCanvas.width;
canvas.height =initCanvas.height;
parentDiv.appendChild(canvas);
const context = canvas.getContext('2d');
context.strokeStyle = '#ff0000';
context.fillStyle = 'rgba(255, 255, 255, 0.1)';
context.lineWidth = 1; // 设置线段宽度
context.beginPath(); // 开始点
// 起始坐标x,y 宽、高
// for(let i= 6;i<300;i+=40){
//
// }
let wdith =200;
context.fillRect(160, 45,wdith, 30)
context.fillRect(160, 6,wdith, 30)
context.fillRect(160, 84,wdith, 30)
context.fillRect(160, 120,wdith, 30)