接着echarts笔记(一),以下是echarts笔记第二部分;
11. Y轴数据添加单位:yAxis的axisLabel添加formatter属性,如formatter: '{value} 人'
12. showSymbol值为false时,会影响label数据标签的显示。
13. 饼图调整图表位置,grid属性设置不起作用:用center[‘ xx%’, ’xx%’ ]对饼图进行位置调整。
14. Chart设置了display : none; 后,会出现找不到宽和高,图表再次显示时会出现宽高异常,解决方法:a. 有多个图表,一次只显示一个图表时,图表的初始状态不添加display : none; 属性,给chart父级容器设置overflow:hidden; 以隐藏其他兄弟图表;b. 图表的初始状态不添加display : none; 而是在页面加载完成后通过js来设置图表的none属性。
15. Chart宽高设置正常,数据正常,图表大小显示异常问题:ajax同步请求async:false,导致,将该行去掉,默认为异步请求,即可解决。(无ajax获取数据时,移动端也出现图表大小异常,通过将chart宽和高的单位rem改为%后解决,具体原理未知。)
16. 设置折线图的折线点大小:在series项中,设置symbolSize : 16 ; 值不同,折线点大小不同。以及可设置折线点形状symbol:'circle';
17. Legend添加数据展示:在legend的data属性中,加入数据变量。如:data:['座位剩余 '+leftNum+'','座位使用 '+usedNum+''],需要注意的是,serises的name属性也要改成 '座位剩余 '+leftNum+''这种格式。
以上就是使用ecahrts过程中出现的一些使用方法及相关问题解决方法。