Echarts_总结

1.柱状图的标题[位置、内容自定义]

series: [{
		name: '标题',
		type: 'bar',
		data: titleArray,
		label: {
		    normal: {
		        position: 'top',
		        show: true,
                color:'rgb(1,1,1)',//设置标题的颜色
                //通过方法formatter自定义柱状图的标题
                formatter:function(param){
					return "第" + param.value + "名"
				}
			}
		}]
在option series下的label position的-设置柱状体的title的位置

(1). Inside自适应,柱状内部中央
     top 柱状外的正上方
     bottom 柱状外的正下方
     left 柱状外的左边
     right 柱状外的右边
(2).坐标[x,y]以柱状图的顶部为原点
(3).insideTop 柱状内部靠顶部
    insideBottom 柱状内部靠下方
    insideRight(柱状内部靠右边),
    insideLeft(柱状内部靠左边)

2.因为目录过多导致x轴显示不下的问题

在option中加入以下代码,就可实现按x轴滚动查看

dataZoom: [{
    id: 'dataZoomX',
    type: 'inside',
    //设置x轴缩放比例
    start: 0,//x轴起始位置
    end:15,//显示比例
 }],

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值