how to adjust the text obscured by echart radar map, changing the grid attribute does not work
how to adjust the text obscured by echart radar map, changing the grid attribute does not work
perfect solution through radar > radius radius represents the zoom ratio
radar: [{
indicator: [
{ text: '', max: 100 },
{ text: '', max: 100 },
{ text: '', max: 100 },
{ text: '', max: 100 },
{ text: '', max: 100 }
],
radius: 50
}
], check the corresponding configuration manual for the modification of this field without location type
radar.name
I think it is necessary to enlarge the size of the div placed by the Echarts control. This problem also occurs in the official case when I test it on the page.
this problem also occurs when the div is too small
you can control the specific location of the radar map through the center / center (radar.center) and radius (radar.radius);
whether to use specific pixel values or percentages can be selected on a case-by-case basis, see the document
for example:
radar: {
// title
radius: 90,
center: ['50%', '55%'],
name: {
textStyle: {
color: '-sharpfff',
backgroundColor: '-sharp999',
borderRadius: 3,
padding: [3, 5]
}
},
indicator: [
{name: '', max: 4},
{name: '', max: 4},
{name: '', max: 4},
{name: '', max: 4}
]
}, indicator is long, you can wrap the text to display
`
radar: [
{
name: {
textStyle: {
color: "-sharp72767A",
fontSize: this.fontSize(0.3),
padding: [0, 20],
},
lineHeight: this.fontSize(0.4),
formatter(params) {
return params.replace(/\//g, "\n");
},
},
axisLine: {
lineStyle: {
color: "-sharpC3C3C3",
width: this.fontSize(0.03),
},
},
splitLine: {
lineStyle: {
width: this.fontSize(0.03),
},
},
splitArea: {
show: true,
areaStyle: {
color: [
"rgba(255,235,217, 0.1)",
"rgba(255,235,217, 0.2)",
"rgba(255,235,217, 0.4)",
"rgba(255,235,217, 0.6)",
"rgba(255,235,217, 0.8)",
"rgba(255,235,217, 1)",
].reverse(),
},
},
center: ["50%", "56%"],
radius: "65%",
indicator: [
{ text: "/", max: 100 },
{ text: "/", max: 100 },
{ text: "", max: 100 },
{ text: "/", max: 100 },
{ text: "/", max: 100 },
],
},
],`Previous: After Android uses Wechat floating window, the sessionstorage cache is cleared.
Next: How does JQ get the parameter value after the domain name question mark?
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 ...