echarts-bar(line)

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'   
	}
}


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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值