//指定图表的配置项和数据
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'(圆)。