echarts 随时间推移得刻度线_ECharts 雷达图_坐标系实例_注释 - 树懒学堂

雷达坐标系：

内涵雷达图坐标系所有属性，使用方法见代码后对应注释

mytextStyle={

color:"#333", //文字颜色

fontStyle:"normal", //italic斜体 oblique倾斜

fontWeight:"normal", //文字粗细bold bolder lighter 100 | 200 | 300 | 400...

fontFamily:"sans-serif", //字体系列

fontSize:18, //字体大小

};

mylineStyle={

color:"#333", //颜色，'rgb(128, 128, 128)'，'rgba(128, 128, 128, 0.5)'，支持线性渐变，径向渐变，纹理填充

shadowColor:"red", //阴影颜色

shadowOffsetX:0, //阴影水平方向上的偏移距离。

shadowOffsetY:0, //阴影垂直方向上的偏移距离

shadowBlur:10, //图形阴影的模糊大小。

type:"solid", //坐标轴线线的类型，solid，dashed，dotted

width:1, //坐标轴线线宽

opacity:1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形

};

myareaStyle={

color:['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)'],//分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。

shadowColor:"red", //阴影颜色

shadowOffsetX:0, //阴影水平方向上的偏移距离。

shadowOffsetY:0, //阴影垂直方向上的偏移距离

shadowBlur:10, //图形阴影的模糊大小。

opacity:1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形

};

radar=[{

center:['50%', '50%'], //中心(圆心)坐标，数组的第一项是横坐标，第二项是纵坐标。支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。

radius:"75%", //数组的第一项是内半径，第二项是外半径。支持设置成百分比，相对于容器高宽中较小的一项的一半。

startAngle:90, //起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。

name:{ //雷达图每个指示器名称的配置项。

show:true, //是否显示指示器名称。

formatter:function (value, indicator) { //用回调函数，第一个参数是指示器名称，第二个参数是指示器配置项

return '【' + value + '】';

},

textStyle:mytextStyle

},

nameGap:15, //指示器名称和指示器轴的距离

splitNumber:5, //指示器轴的分割段数

scale:false, //只在数值轴中(type: 'value')有效。是否是脱离 0 值比例。设置成 true 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。在设置 min 和 max 之后该配置项无效。

shape:"polygon"