echarts柱状图和折线图设置
option = {
title: {
text: '职位分析', //主标题
subtext: ' ---10大热门职位分析', //副标题
x: '45%' //设置标题位置
},
xAxis: {
type: 'category',
name: '岗位名称', // 在
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel : {
interval: 0,
rotate: "25" //x轴字体的旋转度
}
},
yAxis: {
name: '招聘数量',
type: 'value'
},
series: [{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'bar', //bar柱状图,修改成line设置图形为折线图
label: {
show: true,
position: "top"
}
}]
};
参数:
series -> label -> show:true , position: “top” // 显示y轴的数量在图形,position设置在上方
xAxis(yAxis) -> axisLabel -> rotate: “25”,interval:0 // 设置倾斜角度为25度, interval设置间隔0(默认)
interval 设置为1
title中添加字体颜色,和加粗,xAxis(yAxis)
// 1 title中添加字体颜色,和加粗
textStyle:{
fontWidth: "bolder", // 加粗
color: 'red'
}
// 2 xAxis(yAxis)
axisLabel: {
textStyle:{
fontWidth: "bolder", // 加粗
color: 'red'
}
}