当前位置：首页 > news >正文

透明网站模板ui培训课程内容

news 2025/11/7 0:49:22

透明网站模板,ui培训课程内容,打开网站文件夹权限设置,域名可以做网站名吗实现效果： 数字在条纹的上方实现方法：这些数字是用新添加一个坐标轴来实现的直接添加坐标轴数字显示是在条纹的正右边所以需要配置一下偏移完整代码 var option {grid: {left: "3%",right: "4%",bottom: "3%",cont…

实现效果：数字在条纹的上方在这里插入图片描述
实现方法：这些数字是用新添加一个坐标轴来实现的
直接添加坐标轴数字显示是在条纹的正右边

所以需要配置一下偏移
完整代码

var option = {grid: {left: "3%",right: "4%",bottom: "3%",containLabel: true,},xAxis: {type: "value",boundaryGap: [0, 0.01],axisLine: {show: false,},axisLabel: {show: false,},splitLine: {show: true,lineStyle: {color: "#121f33",},},},yAxis: [{type: "category",data: ["aa", "bb", "cc", "dd"],axisLine: {show: true,lineStyle: {color: "#2a4661",},},axisTick: {show: false,},axisLabel: {color: "#b8babd",},},{type: "category",position: "right",offset: -40,inverse: false,axisTick: "none",axisLine: "none",show: true,axisLabel: {textStyle: {height: 30,width: 30,padding: [0, 0, 10, 0],color: "#03d0d4",fontSize: "16",},},//------------------右侧展示的具体内容----------------------------data: [{value: "89%",textStyle: {color: "#03ced1",verticalAlign: "bottom",},},{value: "58%",textStyle: {color: "#03ced1",verticalAlign: "bottom",},},{value: "66%",textStyle: {color: "#03ced1",verticalAlign: "bottom",},},{value: "74%",textStyle: {color: "#03ced1",verticalAlign: "bottom",},},],},],series: [{type: "bar",showBackground: true,backgroundStyle: {color: "rgba(13, 32, 66, 0.5)",borderRadius: 10,},itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: "#021a52" },{ offset: 0.5, color: "#019cb5" },{ offset: 1, color: "#00fdfe" },]),borderRadius: 10,},barWidth: "20",data: [89, 58, 66, 74],},],};