整理一些最近学习Echart遇到的问题

这是我最近半个月遇到的问题,和我解决问题用到的链接,感谢我附带的连接中各位大佬提供解决问题的办法

1.

当X轴数据显示不全的时候,一调大角度值名字就显示不全了,调小还不完全现实,此时调小,让它不完全现实,但是名字都可以完整显示,需要在xAxis 属性加上axisLabel:{interval: 0}

2.

echars图x轴数据显示不全(更多解决办法):
https://blog.csdn.net/kebi007/article/details/68488694

3.

Echarts图页面不显示问题
https://blog.csdn.net/weixin_43481793/article/details/88533048
如果还是没有解决问题,看看控制台是否报错,把报错都修改了再看看,我修改完报错后发现x轴显示y轴没有数据就很搞笑,研究了半天结果发现是后台把数据格式传错了,如果y轴显得80%这种带百分号的,让后台写数据不要把%写上去,不然显示不出来

4.

1).echars,左侧显示不全时 grid: {left: ‘12%’,containLable: true},调整left

2).改变x轴字体颜色,xAxis->axisLabel->textStyle: { color: ‘#fff’}
3).封装好的图表数据,可以直接写x轴文字倾斜角度,也可以每个图表单独设

5.

图例问题:https://segmentfault.com/a/1190000013836680
不光饼状图可以显示图里,仪表盘,水波球都可以注意data中的name要对应数据中的name不然图例不显示
1) legend: { orient: ‘vertical’, }, 控制饼状图的信息纵向排列,想要靠近右侧要设置 left: ‘right’,

6.

.后台数据直接写%时,我们自己加

	label: {
             normal: {
             position: 'outer', 
              // 设置标签位置,默认在饼状图外 可选值:'outer'¦'inner(饼状图)'
             // formatter: '{a} {b} : {c}个 ({d}%)'   设置标签显示内容 ,默认显示{b}
             // {a}指series.name  {b}指series.data的name
             // {c}指series.data的value  {d}%指这一部分占总数的百分比
            formatter: '{b} : {c}%'
             }
          }

7.

待更。。。明天写

发布了38 篇原创文章 · 获赞 1 · 访问量 5170

猜你喜欢

转载自blog.csdn.net/ShangMY97/article/details/103115459