Organize some of the problems encountered in the recent study Echart

This is a problem I encountered in recent weeks, and I used to solve the problem of the link, thank you big brother approach provides a solution to the problem I came with connections

1.

When the X-axis display incomplete data when a transfer large angle value name is displayed incomplete, the little tune is not entirely realistic, whereupon small, it is not totally realistic, but the name can be displayed completely, you need xAxis property plus on axisLabel: {interval: 0}

2.

echars Figure x-axis data show insufficiency (more solutions):
https://blog.csdn.net/kebi007/article/details/68488694

3.

Echarts map page problem does not show
https://blog.csdn.net/weixin_43481793/article/details/88533048
if still not solve the problem, see if console error, the error changed both look at, I finished modifying error found that x-axis shows the y-axis data is not very funny, studied for a long time and found a backstage pass the data format is wrong, if the y-axis appears that 80% of the percent sign, so do not write data back to% write up, otherwise, do not show up

4.

1) .echars, shown at left insufficiency Grid: {left: '12% ', containLable:} to true , adjust left value

2) changing the font color x-axis, xAxis-> axisLabel-> textStyle: {Color: '#fff'}
. 3) packaged chart data can be written directly to the x-axis tilt angle of the text, may be set individually for each chart.

5.

Legend question: https://segmentfault.com/a/1190000013836680
only pie charts may show in FIG, dashboard, water ball may be noted that the data corresponding to the data name to the name in the legend is not displayed otherwise
. 1) Legend: { orient: 'vertical',}, the control information arranged in the vertical pie chart, want to be set close to the right left: 'right',

6.

When data is written directly backstage%, plus our own

	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.

To be more. . . Write tomorrow

Published 38 original articles · won praise 1 · views 5170

Guess you like

Origin blog.csdn.net/ShangMY97/article/details/103115459