diff --git a/src/view/echarts/ylXZZC.vue b/src/view/echarts/ylXZZC.vue index 5a3b672..0f654c4 100644 --- a/src/view/echarts/ylXZZC.vue +++ b/src/view/echarts/ylXZZC.vue @@ -130,6 +130,9 @@ let option = { autoSplitNumber: 5, }, }, + axisTick: { + show: true, // 这里设置x轴刻度不显示 + }, }, yAxis: { show:true, @@ -138,24 +141,25 @@ let option = { // max:10, //y轴文字的配置 axisLabel: { + show: true , inside: false, // bargap: 0.5, // 设置固定的间隔 textStyle: { color: "#ffffff", }, }, - axisTick: { - show: false, // 这里设置x轴刻度不显示 - }, //y轴线的颜色以及宽度 axisLine: { - "show":true, + show:true, lineStyle: { color: "#ffffff", width: 1, type: "solid", }, }, + axisTick: { + show: true, // 这里设置x轴刻度不显示 + }, // 开启滚动 // scrollbar: { // orient: "vertical", diff --git a/src/view/echarts_yl/ylJHSY.vue b/src/view/echarts_yl/ylJHSY.vue index f98de7c..9482375 100644 --- a/src/view/echarts_yl/ylJHSY.vue +++ b/src/view/echarts_yl/ylJHSY.vue @@ -65,7 +65,6 @@ const option = { color: "#ffffff", }, calculable: true, - // color: "rgba(0, 252, 255, 1)", color, xAxis: [ { @@ -77,7 +76,9 @@ const option = { color: "#ffffff", }, }, - + axisTick: { + show: false, // 设置轴刻度不显示 + }, data: ["2019", "2020", "2021", "2022", "2023"], }, { diff --git a/src/view/echarts_yl/ylSMFW.vue b/src/view/echarts_yl/ylSMFW.vue index 37eacd4..cf061e0 100644 --- a/src/view/echarts_yl/ylSMFW.vue +++ b/src/view/echarts_yl/ylSMFW.vue @@ -77,7 +77,9 @@ const option = { color: "#ffffff", }, }, - + axisTick: { + show: false, // 设置轴刻度不显示 + }, data: ["4.07", "4.08", "4.09", "4.10", "4.11"], }, { @@ -155,6 +157,11 @@ const option = { name: "上门服务次数", data: lineData, type: "line", //线状图 + itemStyle: { + borderColor: "#00FCFF", + borderWidth: 1, + color: "#00FCFF", + }, }, { xAxisIndex: 1, diff --git a/src/view/echarts_yl/ylXZZC.vue b/src/view/echarts_yl/ylXZZC.vue index d0d60f7..9a14de9 100644 --- a/src/view/echarts_yl/ylXZZC.vue +++ b/src/view/echarts_yl/ylXZZC.vue @@ -71,19 +71,26 @@ let option = { // }, // ], dataZoom: [ - {//纵向使用滚动条 + { + //纵向使用滚动条 id: "dataZoomY", type: "slider", - yAxisIndex: [0],// 控制y轴滚动 - filterMode: "empty",//数据过滤,只改变数轴范围。 + yAxisIndex: [0], // 控制y轴滚动 + filterMode: "empty", //数据过滤,只改变数轴范围。 width: "10", height: "100%", - right: "3%",//距离右侧的距离 - orient: "vertical" ,//布局方式是横还是竖 'horizontal':水平。'vertical':竖直。 - // zoomLock: true, //不能缩放 - start: 0,//开始 数据窗口范围的,范围是:0 ~ 100 - end: 70,//结束 - handleSize: 8, + right: "3%", //距离右侧的距离 + orient: "vertical", //布局方式是横还是竖 'horizontal':水平。'vertical':竖直。 + start: 0, //开始 数据窗口范围的,范围是:0 ~ 100 + end: 70, //结束 + zoomLock: true, //不能缩放 + fillerColor: "rgba(154, 181, 215, 1)", // 滚动条颜色 + borderColor: "rgba(17, 100, 210, 0.12)", + backgroundColor: "#cfcfcf", //两边未选中的滑动条区域的颜色 + handleSize: 0, // 两边手柄尺寸 + showDataShadow: false, //是否显示数据阴影 默认auto + showDetail: false, // 拖拽时是否展示滚动条两侧的文字 + zoomOnMouseWheel: false, // 关闭滚轮缩放 moveOnMouseWheel: true, // 开启滚轮平移 moveOnMouseMove: true, // 鼠标移动能触发数据窗口平移 @@ -144,12 +151,9 @@ let option = { type: "solid", }, }, - // 开启滚动 - // scrollbar: { - // orient: "vertical", - // // 设置滚动区域的高度 - // height: 100, - // }, + axisTick: { + show: false, // 这里设置x轴刻度不显示 + }, //分割线配置 splitLine: { show: false,