echarts图表清晰度问题处理

搜索:

createDom;

Layer.prototype

修改相应。

 

 

 

initContext: function () {
    this.ctx = this.dom.getContext('2d');

    this.ctx.dpr = this.dpr*3;
},

 

 

/**
 * 创建dom
 *
 * @inner
 * @param {string} id dom id 待用
 * @param {string} type dom type,such as canvas, div etc.
 * @param {Painter} painter painter instance
 * @param {number} number
 */
function createDom(id, type, painter, dpr) {
    var newDom = document.createElement(type);
    var width = painter.getWidth();
    var height = painter.getHeight();

    var newDomStyle = newDom.style;
    // 没append呢,请原谅我这样写,清晰~
    newDomStyle.position = 'absolute';
    newDomStyle.left = 0;
    newDomStyle.top = 0;
    newDomStyle.width = width + 'px';
    newDomStyle.height = height + 'px';
    newDom.width = width * dpr *3;
    newDom.height = height * dpr *3;

    // id不作为索引用,避免可能造成的重名,定义为私有属性
    newDom.setAttribute('data-zr-dom-id', id);
    return newDom;
}

 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值