大屏
- 大屏的尺寸一般是1920*1080。
- 大屏可以不用考虑浏览器的兼容性,只要谷歌能兼容就行。
- 大屏的制作原理是在浏览器中,建立多个echarts 容器,将不同的echarts 图表放入其中。
echarts颜色主题
- 颜色主题是修改全局样式的方法。
- echarts 内置了两套主题,分别为 ‘light’ 和 ‘dark‘,其设置方法为:echarts.init(dom, 'light’)
- 若要使用其它主题,需要去主题编辑器下载。
大屏自适应
- 大屏在自适应屏幕时要考虑两个方面:
- echarts 容器对屏幕尺寸的自适应。
- css 基础知识,如flex布局、百分比定位等……
- echarts 图表对容器尺寸的自适应。
- 图表元素百分比定位,如left:‘20%’
- 使用echarts的media 功能进行响应式布局。
- echarts 容器对屏幕尺寸的自适应。
注:echarts 实例的 resize() 方法,可以在在容器大小发生改变时,改变图表尺寸。