echarts(十四)关于ecarts在大屏中的使用

大屏

• 大屏的尺寸一般是1920*1080。
• 大屏可以不用考虑浏览器的兼容性，只要谷歌能兼容就行。
• 大屏的制作原理是在浏览器中，建立多个echarts 容器，将不同的echarts 图表放入其中。

echarts颜色主题

• 颜色主题是修改全局样式的方法。
• echarts 内置了两套主题，分别为 ‘light’ 和 ‘dark‘，其设置方法为：echarts.init(dom, 'light’)
• 若要使用其它主题，需要去主题编辑器下载。

大屏自适应

• 大屏在自适应屏幕时要考虑两个方面：
  • echarts 容器对屏幕尺寸的自适应。
    • css 基础知识，如flex布局、百分比定位等……
  • echarts 图表对容器尺寸的自适应。
    • 图表元素百分比定位，如left:‘20%’
    • 使用echarts的media 功能进行响应式布局。

注：echarts 实例的 resize() 方法，可以在在容器大小发生改变时，改变图表尺寸。