首页 > 编程知识 正文

echarts超出范围显示,echarts缩放设置最小比例

时间:2023-05-04 20:47:23 阅读:139683 作者:1054

echarts使图表适应画面尺寸

//ecahrtoption.tsimportechartsfrom ' e charts '; 导入来自' e charts ' e charts '; interfacemyechartsextendsecharts.e charts { $ _ id : number }//函数堆栈let $id=0; //堆栈let stack : { [ key : string ] : any }={ }; //必须保存旧方法,整理好,以后才能使用let oldInit=echarts.init; (echarts as any ).oldInit=oldInit; e charts.init=function (DOM : htmldivelement|htmlcanvaselement,theme? object | string,opts? { devicePixelRatio?编号; renderer? 3360斯特林; width? 3360编号|斯特林; height? 3360编号|斯特林; ) : e charts.e charts (const instance=old init ) DOM,theme,opts ) as myEcharts; //这里的id是为了避免某个图表失去处理函数,无法应对页面大小的变化,使后面进入堆栈的函数不复盖先进先出的函数的$id; //将id保存在示例中,以后销毁实例时,现在清理函数堆栈中的函数和绑定到窗口的事件instance.$ _ id=$ id//函数堆栈stack[$id]===0 instance.getHeight ()!==0() /每次调用resize方法都是正确的,因为此实例无法逃脱并继续被作用域拉动。 不在其他图表中调用的resize方法instance.resize () else(//宽度高度不存在,stack [ instance.]移除绑定的函数window.removeevevvvvvver } window.addevent listener (' resize ',stack[$id] ) returninstance )/main.tsimport'./echartoptions ';

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。