作为一名前端开发者，你有没有遇到过这种头痛的事情。每次开发pc端的网页时，不管是官网还是管理后台，UI设计师都是按照`1920*1080`（16:9）的比例来给你提供设计稿的，导致你画页面的时候

echarts自身提供了 resize API，用来改变图表尺寸，但它并不会监听外层容器尺寸的改变自动调用，动态更新逻辑需要手动实现。 实现动态更新的功能有两种情况，一种是图表容器不会发生改变，只有浏览器窗口大小变化；另外一种是图表容器本身也会发生变化。不管是哪种方式，内部逻辑…

说明：有时候项目中会显示一些图表，而且width可能并不是固定的（可能100%），那么当浏览器窗口变化的时候，图表的大小应该跟随着变大或变小，称之为resizeps:使用的时候在需要图表的页面引入这个

布局采用flex + vw/vh 数值单位全部使用vw、vh实现， 首先去除所有默认，这里使用的是 KISSY CSS Reset 去掉默认，自己再重写部分把px改写 Echarts图表适配 图表字体

在大数据时代，我们经常听到“用数据说话”这句话。但是数据本身只是一个个冰冷的数字，很难直接告诉我们哪些数据是有价值的信息。 只有通过适当的可视化工具来展示和表达数据，才能更直观地向用户传达数据的价值。

前端的数据可视化越来越重要，炫酷大屏的需求越来越多，您是否经常为屏幕不能自适应而烦恼？如何能让大屏在多种终端都呈现完美效果呢？也许本文可以给您带来帮助。 当屏幕宽高比例小于设计稿时，按设计稿比例沿水平

这是我参与11月更文挑战的第N天，活动详情查看：2021最后一次更文挑战 想必近几年前端的数据可视化越来越重要了，很多甲方爸爸都喜欢那种炫酷的大屏幕设计，类似如下这种： 遇到的这样的项目，大多是同学想

在拿到设计图后，通常会先通过设计图的布局来思考代码的设计，这也是开始着手写代码前必须要进行的一步，在项目中，我曾遇到，在一张大屏图开发到一半的时候介入，和另一个前端一起进行开发，结果由于她将整张图上的所有图表都放到一个vue文件里面，结果导致整个页面的代码数量级达到上千行，并且…

大屏可视化屏幕适配的几种方法 公司要开发数据可视化大屏，研究了几天资料，把自己的研究成果发出来，希望能够帮到大家。