echarts雷达图线的样式_Echarts雷达图

//指定图表的配置项和数据

var option ={

backgroundColor:'rgba(204,204,204,0.7 )',//背景色,默认无背景 rgba(51,255,255,0.7)

title: {

text:'各教育阶段男女人数统计',

link:'https://www.xxx.com',

target:'blank',

top:'5%',

left:'3%',

textStyle: {

color:'#fff',

fontSize:20,

}

},

legend: {//图例组件

show: true,

icon:'rect',//图例项的 icon。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'也可以通过 'image://url' 设置为图片,其中 url 为图片的链接,或者 dataURI。可以通过 'path://' 将图标设置为任意的矢量路径。

top: '40%',//图例距离顶部边距

left: '15%',//图例距离左侧边距

itemWidth: 10,//图例标记的图形宽度。[ default: 25 ]

itemHeight: 10,//图例标记的图形高度。[ default: 14 ]

itemGap: 30,//图例每项之间的间隔。[ default: 10 ]横向布局时为水平间隔,纵向布局时为纵向间隔。

orient: 'vertical',//图例列表的布局朝向,'horizontal'为横向,''为纵向.

textStyle: { //图例的公用文本样式。

fontSize: 15,

color:'#fff'},

data: [{//图例的数据数组。数组项通常为一个字符串,每一项代表一个系列的 name(如果是饼图,也可以是饼图单个数据的 name)。图例组件会自动根据对应系列的图形标记(symbol)来绘制自己的颜色和标记,特殊字符串 ''(空字符串)或者 '\n'(换行字符串)用于图例的换行。

name: '男',//图例项的名称,应等于某系列的name值(如果是饼图,也可以是饼图单个数据的 name)。

icon: 'rect',//图例项的 icon。

textStyle: { //图例项的文本样式。

color: 'rgba(51,0,255,1)',

fontWeight:'bold' //文字字体的粗细,可选'normal','bold','bolder','lighter'

}

},

{

name:'女',

icon:'rect',

textStyle: {

color:'rgba(255,0,0,1)',

fontWeight:'bold' //文字字体的粗细,可选'normal','bold','bolder','lighter'

}

}],

},

radar: [{//雷达图坐标系组件,只适用于雷达图。

center: ['50%', '50%'],//圆中心坐标,数组的第一项是横坐标,第二项是纵坐标。[ default: ['50%', '50%'] ]

radius: 160,//圆的半径,数组的第一项是内半径,第二项是外半径。

startAngle: 90,//坐标系起始角度,也就是第一个指示器轴的角度。[ default: 90 ]

name: { //(圆外的标签)雷达图每个指示器名称的配置项。

formatter: '{value}',

textStyle: {

fontSize:15,

color:'#000'}

},

nameGap:15,//指示器名称和指示器轴的距离。[ default: 15 ]

splitNumber: 4,//(这里是圆的环数)指示器轴的分割段数。[ default: 5 ]

shape: 'circle',//雷达图绘制类型,支持 'polygon'(多边形) 和 'circle'(圆)。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值