Echarts绘制图表的时候,PC端界面较大,可以很好的展示,但是移动端界面较窄,需要调整,所以分开设置就要用到 media方法:
实例:
移动端:
源码设置:
注意:media需要设置在series同级;
源码:
media: [{query: {maxWidth: 767 // 假设移动设备的最大宽度是767px },option: {title: {text: paramsTitle+'成分', left: '48%', // 或者使用具体的像素值如 '50%'textAlign: 'center', // 水平居中对齐 }, legend: {top: 'bottom' // 在移动设备上显示在底部 },grid: {bottom: '25%',containLabel: true},},}],