本文共 501 字，大约阅读时间需要 1 分钟。

代码地址 https://download.csdn.net/download/super__code/11863889

大屏显示需要注意的问题

1. 布局用可用 百分比、vw.vh 等布局、也可使用flex布局，
2. 页面大小随屏幕大小而变化，字体按百分比或者rem等设置
3. 样式也可使用媒体查询
4. 窗口变化是刷新图表 window.onresize = function () { chart.resize() }

echarts 设置阴影效果

itemStyle: {   normal: {        color: new echarts.graphic.LinearGradient(            0, 0, 0, 1,            [                {offset: 0, color: '#03fbe4'},                {offset: 0.5, color: '#1dd2e7'},                {offset: 1, color: '#419aec'}            ]        )    },},

效果图

转载地址：http://vjxxi.baihongyu.com/