echart柱状图自己总结汇总使用-包含滑动等
admin
2024-04-24 07:40:08
0
let option = {title: {text: '', // 主标题// 主标题文本样式设置textStyle: {color: '#666',fontWeight: 'bold',fontSize: '20px',},// itemGap设置主副标题之间的纵向间距,单位px,默认为10itemGap: 4,// top指title组件离容器上侧的距离,取值可为具体像素如20, 也可为百分比如'20%', 也可以是'top', 'middle', 'bottom'top: 4,// left指title组件离容器左侧的距离,取值可为具体像素如20, 也可为百分比如'20%', 也可以是'left', 'center', 'right'left: '50%',// textAlign指主副标题水平对齐方式,默认左对齐,可选值:'auto'、'left'、'right'、'center'textAlign: 'center',},tooltip: {//鼠标悬浮提示trigger: 'axis',axisPointer: {type: 'cross',crossStyle: {color: '#999'}}},legend: { // 图例show: true,},xAxis: {type: 'category',data: dateList/*['周一', '周二', '周三', '周四', '周五', '周六', '周日']*/,axisLabel: {interval: 0,rotate: "45",//旋转45°}},yAxis: {name: '万元',//interval: 300,//刻度间隔type: 'value'},series: [{name: '预测',type: 'bar',barWidth:'20%',//系列柱状图宽度data: preditList/*[120, 200, 150, 80, 70, 110, 130]*/,color:'grey'},{name: '实际',type: 'bar',barWidth:'20%',data: realityList/*[140, 300, 160, 100, 80, 120, 190]*/,color:'#2b85e4'},],// 数据区域缩放组件配置dataZoom: [{type: 'inside',// 数据窗口范围的起始百分比start: 0,// 数据窗口范围的结束百分比end: 30,// 是否锁定选择区域(或叫做数据窗口)的大小,如果设置为 true 则锁定选择区域的大小,也就是说,只能平移,不能缩放zoomLock: true},// 手柄的icon相关配置{handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',handleSize: '80%',handleStyle: {color: '#fff',shadowBlur: 3,shadowColor: 'rgba(0, 0, 0, 0.6)',shadowOffsetX: 2,shadowOffsetY: 2}}]
};

相关内容

热门资讯

5万美元一个人:东南亚电诈园区... 当全网都在关注被高薪诱骗到缅北的务工人员时,一套更隐蔽、更危险的新套路,开始渗透进招聘平台,以及校友...
利好来了!今晚,A股密集公告!... 业绩“利好”又来了!今日晚间,又有不少A股公司发布业绩预喜公告。其中,海通发展预计上半年净利同比增长...
降雨比预测大得多 降雨比预测大... 这几天广西的洪涝灾害大家肯定都看到了。7月3日,台风“美莎克”成型并登陆海南,第二天,“美莎克”二次...
美股芯片股深夜大跌,闪迪重挫逾... 7月7日盘中,美股三大指数均走低。道指高开低走, 截至23:00,跌幅达 0.33% , 盘初一度刷...
广西一养蛇场被冲垮,约900条... 受台风“美莎克”影响,广西近日遭遇连续强降雨,南宁横州市多处水库发生险情。7月7日,有网友发布截图称...
安凯微:预计上半年归母净利润3... 7月7日消息,安凯微公告,预计2026年上半年实现营业收入4.33亿元-4.39亿元,同比增长84....
ST海龙:实际控制人胡兴荣被采... 7月7日消息,ST海龙公告称,公司收到第一大股东温州康南科技有限公司通知,实际控制人胡兴荣已被有权机...
广期所调整多晶硅、碳酸锂期货相... 7月7日消息,广期所调整多晶硅、碳酸锂期货相关合约交易手续费标准。自2026年7月9日交易时起,多晶...
南向资金今日净买入4.97亿港... 7月7日消息,南向资金今日净买入4.97亿港元。腾讯控股、美团-W分别获净买入约23.25亿港元、1...
苏交科:签订23亿元乌兹别克斯... 7月7日消息,苏交科公告称,公司及控股子公司与乌兹别克斯坦塔什干投资公司签订EPC+F项目合同,暂定...