1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > echarts雷达图文字不显示_echarts 雷达图的个性化设置

echarts雷达图文字不显示_echarts 雷达图的个性化设置

时间:2022-11-05 23:02:37

相关推荐

echarts雷达图文字不显示_echarts 雷达图的个性化设置

functiontest() {

let myChart= echarts.init(document.getElementById(‘levelImage‘));

myChart.setOption({

title: {

text:null},//隐藏图表标题

legend: {

enabled:false},//隐藏图例

tooltip: {

trigger:‘axis‘},

calculable:true,

polar: [{

nameGap:5, //图中工艺等字距离图的距离

center: [‘50%‘, ‘50%‘], //图的位置

name: {

show:true, //是否显示工艺等文字

formatter: null, //工艺等文字的显示形式

textStyle: {

color:‘#a3a5b6‘ //工艺等文字颜色

}

},

indicator: [{

text:‘工艺‘,

max:100},

{

text:‘设备‘,

max:100},

{

text:‘安全‘,

max:100},

{

text:‘工艺‘,

max:100},

{

text:‘仪表‘,

max:100}

],

axisLine: {//坐标轴线

show: false //默认显示,属性show控制显示与否

},

axisLabel: {//坐标轴文本标签,详见axis.axisLabel

show: false,

textStyle: {

color:‘#247bd7‘ //坐标轴刻度文字的样式

}

},

splitArea: {

show:true,

areaStyle: {

color: ["#2a4a93"] //图表背景网格的颜色

}

},

splitLine: {

show:true,

lineStyle: {

width:1,

color:‘#286fbb‘ //图表背景网格线的颜色

}

}

}],

series: [{

name:‘完全实况球员数据‘,

type:‘radar‘,

symbol:"none", //去掉图表中各个图区域的边框线拐点

itemStyle: {

normal: {

color:"rgba(0,0,0,0)", //图表中各个图区域的边框线拐点颜色

lineStyle: {

color:"white" //图表中各个图区域的边框线颜色

},

areaStyle: {

type:‘default‘}

}

},

data: [{

value: [50, 42, 88, 60, 90],

itemStyle: {

normal: {

areaStyle: {

type:‘default‘,

opacity:0.8, //图表中各个图区域的透明度

color: "#1686c2" //图表中各个图区域的颜色

}

}

},

name:‘重整‘},

{

value: [90, 32, 74, 20, 60],

itemStyle: {

normal: {

areaStyle: {

type:‘default‘,/*opacity: 1,*/color:"#6eaf97" //图表中各个图区域的颜色

}

}

},

name:‘催化‘}

]

}]

});

}

test();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。