Echarts pie chart title, spacing, font size

tags: Web front-end learning notes  html  echarts  js

Echarts pie chart title, spacing, font size

TEXT: Main title

SubText: Subtock

TextStyle: {} // Property settings for the primary title

SubtextStyle: {} // Subtitle Properties

ItemGAP: Spacing between master subtitles

TEXTALIGN: Horizontal alignment of overall (including Text and Subtext)

 title: {
                    show: true,
                    TEXT: 'This month's participation project',
                                         Subtext: Total + '
                    itemGap: 8,
                    left: '48%',
                    top: '45%',
                    textStyle: {
                        color: '#B4E4FF',
                        fontSize: 8 * sceenRate,
                    },
                    subtextStyle: {
                        color: '#B4E4FF',
                        fontSize: 8 * sceenRate,
                    },
                     x: 'center',
      				 y: 'center',
                    textAlign:'center'
        },

Intelligent Recommendation

Echarts pie chart Add text, Title, Graphic

Transfer from: https://www.jianshu.com/p/850e54cd696d...

Echarts pie chart size and position adjustment

Pie chart size Location of legend The effect is as follows: data.json...

ECharts line chart change title lenendX axis Y axis font color, size change (vue reference)

Change the background, font, polyline color, x, y axis color, title font color, lenend font color, the effect picture after adding units to the y axis Original image code js html...

Echarts pie chart—pie

Pie chart code example: running result:...

More Recommendation

echarts radar chart in the applet font size is incorrect

In the development program with echarts small, we found a very strange question. Font and font size is inconsistent device debugging during development. Finally found add rich in fontSize below the li...

echarts pie chart and the position and size of the legend, the middle character of the ring chart

1. As shown in the figure below, the position and size of the figure and the position of the legend:       2. The code is shown in the following figure: legend position (leg position), ...

ECharts chart ------ pie chart

Effect picture: Official website:...

Echarts pie chart label, font and other style modification

Only one effect of the font is demonstrated here, and other styles are the same by analogy (refer to official documents) This can be done without looking at the documentation, but I did not solve the ...

Copyright  DMCA © 2018-2026 - All Rights Reserved - www.programmersought.com  User Notice

Top