辽宁建设工程信息网官网新网站如何进入,旅游电子商务网站开发项目进度表,福田做棋牌网站建设多少钱,硬件开发工程师是做什么的提前10天把中烟活动做完了#xff0c;以为能打酱油到除夕那天#xff0c;结果又要做什么数据看板#xff0c;方便烟草领导过年查看数据#xff0c;还只给5天时间#xff0c;真实压榨剥削啊#xff0c;下辈子再也不‘拍黄片’了#xff0c;不#xff01;下份工作我就转前…
提前10天把中烟活动做完了以为能打酱油到除夕那天结果又要做什么数据看板方便烟草领导过年查看数据还只给5天时间真实压榨剥削啊下辈子再也不‘拍黄片’了不下份工作我就转前端了php我再也不写了。
1.安装echarts 依赖 npm install echarts
2.引用 import * as echarts from ‘echarts’;
3.上代码 canvas :style{width: 100%, height: 500rpx} idmychart canvas-idmychart:canvas-typecanvasType/canvaschart() {const ctx document.getElementById(mychart);const chart echarts.init(ctx);chart.setOption({grid: {// 设置图表距离顶部,左侧右侧和底部的高度top: 50rpx,left: 50rpx,right: 50rpx,bottom: 50rpx,},color: [#2363FF, #03C6D4, #6B49F5],title: {left: center,text: this.ChartDatatext,},tooltip: {width: 100%,trigger: axis,axisPointer: {type: cross,crossStyle: {color: #999}}},legend: {bottom: 0,itemWidth: 15,itemHeight: 8,itemGap: 40,data: [小盒扫码数, 条盒扫码数, 总扫码数]},xAxis: [{type: category,data: this.tongdate,axisPointer: {type: shadow}}],yAxis: [{type: value,name: ,min: 0,//max: 0,max: function(value) {return Math.ceil(value.max * 1.2);},interval: 1000,axisLabel: {formatter: {value}}},],series: [{name: 小盒扫码数,type: bar,data: this.box},{name: 条盒扫码数,type: bar,data: this.bar},{name: 总扫码数,type: line,data: this.all}]})},
