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}}]
};

相关内容

热门资讯

AI产业链多元覆盖,港股通科技... 11月6日,港股通科技ETF招商(159125)正式在深交所上市,该ETF支持T+0交易,有助于高效...
小马智行港股上市首日低开10.... 小马智行港股上市首日低开10.79%,现报124港元。(中新经纬APP)
梦天家居筹划收购川土微控制权 ... 中经记者 童海华 北京报道梦天家居(603216.SH)11月5日晚发布公告,公司正在筹划通过发行股...
“AI供电交易”热火朝天,设备... 科技公司对人工智能电力的迫切需求,正在重塑电力设备市场格局。小型涡轮机和燃料电池制造商成为这场供电竞...
大储概念股为何飙升?英伟达为何... 引言最近,看空美国科技股的人渐渐多起来。但美股长牛十几年的历史告诉我们,但凡空头,自2008年以来均...
魅力南京,“六边形战士”的硬核... 一场苏超决赛,六万多名球迷的呐喊与霓虹交织;一座牛首山,千年文脉与现代创意共鸣;一条智能制造产线,机...
宝马集团第三季度营收323.1... 新京报贝壳财经讯(记者白昊天)11月5日, 宝马集团发布了2025年前三季度业绩数据。宝马集团第三季...
构建坚实技术内核,金螳螂赋能城... 文|凌艳 出品|天下财道中国城市发展正在经历由“增量扩张”向“存量优化”的转变,城市更新受益于政策红...
小马智行港股IPO:成长型中概... 即便是在今年港股这样全球最火爆的IPO市场中,小马智行都算得上稀缺标的,吸引到的投资人关注也是超出预...
牛市早报|商务部回应调整出口管... 【市场数据】截至11月5日收盘,上证综指涨0.23%,报3969.25点;科创50指数涨0.23%,...