if you just want to put some text in pie, you can put title in the middle.
take a look at the example
http://echarts.baidu.com/exam.
replace the configuration in title to see the general effect.
title: {
showTitle:true,
text:'{a|}',
subtext:'',
top:'middle',
left:'center',
textStyle: {
rich: {
a: {
color: 'red',
lineHeight: 10
},
b: {
backgroundColor: {
image: 'xxx/xxx.jpg'
},
height: 40
},
x: {
fontSize: 18,
fontFamily: 'Microsoft YaHei',
borderColor: '-sharp449933',
borderRadius: 4
}
}}
}, 
app.title = "';
option = {
title : {
showTitle:true,
text: "{a|}',
subtext: '450000.00',
top: 'middle',
left: 'center',
textStyle: {
rich: {
a: {
color: '-sharp000',
fontSize: 16,
lineHeight: 20
}
}
}
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
series: [
{
name:'',
type:'pie',
radius: ['40%', '55%'],
label: {
normal: {
formatter: ' {b|{b}:}{c} {per|{d}%} ',
backgroundColor: '-sharpeee',
borderColor: '-sharpaaa',
borderWidth: 1,
borderRadius: 4,
rich: {
b: {
fontSize: 16,
lineHeight: 33
},
per: {
color: '-sharpfff',
backgroundColor: '-sharp334455',
padding: [2, 4],
borderRadius: 2
}
}
}
},
data:[
{value:2742.64, name:''},
{value:826.32, name:''}
]
}
]
};Previous: Webpack packages the react project and reports an error as long as import "redux"
Next: Transform causes border-radius,overflow:hidden to fail?
just can t show it. Thank you very much for your advice. ...
want to achieve the following functions data in echerts pie chart legend always corresponds to name in data in series, the following is the code let option = { title : { text: (180) , subtext: , ...
?: is configured as follows: option = { series: [ { name: 1 , type: gauge , center: [ 50% , 55% ], radius: 100% , min: 0, max: 400, splitNumber: 10, axisL...
after the scatter chart is offset, how to connect with the original coordinates with a dashed line, is it to reset a linetype? How to set the line to the graph of the scatter plot. The second picture is the effect to be achieved ...
you can run the following code on the official website example: http: echarts.baidu.com exam.. app.title = ; option = { tooltip : { trigger: item , axisPointer : { type : shadow : ...
want to set different colors for toolbox.feature.magicType, line chart, pie chart, stack chart with different colors, but did not find the relevant methods or properties, see clearly, now you can set them to unify the same color option = { toolbox: { ...
use series [I]-graph.data [I] .name can be displayed normally, but do not want to use name. returned data format: [ { "mName":"", "depth":2, "name":"", ...
the project needs to add a hyperlink or click event on the tree node text to achieve the page jump effect. I looked at the official document and only found the node click event. The jump is realized through the node click event. The implementation code ...
is where my picture is circled this is my code novice asking the great god for advice option = { tooltip : { trigger: axis , }, toolbox: { show : true, feature : { mark : {show: true}, ...
1.One-line summary [problem brief] English description: recently found a problem on the echarts official website, the series data of the relational calendar chart can not be taken to the last day of the chart, and its timestamp is not a regular calend...
option = { xAxis: { type: category , data: [ Mon , Tue , Wed , Thu , Fri , Sat , Sun ] }, yAxis: { type: value }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: bar , itemStyle:{ ...
1.Echarts4 renders a radar chart. The series (option.series) uses the product line, the indicator (radar.indicator) is the distributor type, and the indicator data is the unit price. As shown in the following figure, " " " " 2.{ } 3.mouseup obviou...
The X axis is the value axis. How does the custom guide echarts set the guide perpendicular to the axis? ...
The problem with is that when the data is not obtained asynchronously, its color can be displayed normally. Part of the code and effect are as follows: setOptions({ expectedData, actualData } = {}) { this.chart.setOption({ tooltip: { ...
want to implement a bar chart that represents the value of the range the following is the code for option option = { color: [ -sharp3398DB ], tooltip : { trigger: axis , axisPointer : { type : ...
series: [ { name: , type: pie , radius: [ 55% , 70% ], avoidLabelOverlap: false, label: { normal: { show: false, position: inner }, ...
...
echarts3 city map ...
1, I refer to the simple graph demo of the echarts official website to make a diagram, but I don t understand how to set the x and y coordinates of a node. I find that when changing the coordinates of a node, the position of other coordinates will also...
could you tell me how to solve the overflow of the lower column chart from both sides of the X axis ...