diff --git a/src/view/echarts_hygiene/eP5.vue b/src/view/echarts_hygiene/eP5.vue index 0591fd8..6676019 100644 --- a/src/view/echarts_hygiene/eP5.vue +++ b/src/view/echarts_hygiene/eP5.vue @@ -84,8 +84,9 @@ const getOption = () => { { name: "在册数", type: "value", - nameTextStyle: { // 设置Y轴名称的样式 - fontSize: 14 // 这里设置字体大小为20 + nameTextStyle: { + // 设置Y轴名称的样式 + fontSize: 14, // 这里设置字体大小为20 }, splitLine: { show: true, @@ -119,47 +120,73 @@ const getOption = () => { type: "bar", data: data.rs, barWidth: 20, + label: { + show: true, + color: "#ffffff", + position: "top", + formatter: function (data) { + return data.value; + }, + }, itemStyle: { normal: { color: function (params) { - var colorList = [ - new echarts.graphic.LinearGradient(0, 0, 0, 1, [ - { - offset: 0, - color: "rgba(23, 237, 255, 1)", - }, - { - offset: 1, - color: "rgba(23, 237, 255, 0.20)", - }, - ], - false), - new echarts.graphic.LinearGradient(0, 0, 0, 1, [ - { - offset: 0, - color: "rgba(255, 243, 119, 1)", - }, - { - offset: 1, - color: "rgba(255, 242, 142, 0.20)", - }, - ], - false), - new echarts.graphic.LinearGradient(0, 0, 0, 1, [ - { - offset: 0, - color: "rgba(142, 187, 255, 1)", - }, - { - offset: 1, - color: "rgba(142, 187, 255, 0.20)", - }, - ], - false), - ]; + var colorList = [ + new echarts.graphic.LinearGradient( + 0, + 0, + 0, + 1, + [ + { + offset: 0, + color: "rgba(23, 237, 255, 1)", + }, + { + offset: 1, + color: "rgba(23, 237, 255, 0.20)", + }, + ], + false + ), + new echarts.graphic.LinearGradient( + 0, + 0, + 0, + 1, + [ + { + offset: 0, + color: "rgba(255, 243, 119, 1)", + }, + { + offset: 1, + color: "rgba(255, 242, 142, 0.20)", + }, + ], + false + ), + new echarts.graphic.LinearGradient( + 0, + 0, + 0, + 1, + [ + { + offset: 0, + color: "rgba(142, 187, 255, 1)", + }, + { + offset: 1, + color: "rgba(142, 187, 255, 0.20)", + }, + ], + false + ), + ]; - return colorList[params.dataIndex % colorList.length]; - }, + return colorList[params.dataIndex % colorList.length]; + }, }, }, }, diff --git a/src/view/echarts_sy/pie.vue b/src/view/echarts_sy/pie.vue index f1776eb..ebd6b68 100644 --- a/src/view/echarts_sy/pie.vue +++ b/src/view/echarts_sy/pie.vue @@ -1,5 +1,5 @@ \ No newline at end of file diff --git a/src/view/echarts_yl/ylJHSY.vue b/src/view/echarts_yl/ylJHSY.vue index e284d51..1ea7e91 100644 --- a/src/view/echarts_yl/ylJHSY.vue +++ b/src/view/echarts_yl/ylJHSY.vue @@ -232,7 +232,7 @@ const getOption = () => { label:{ show:true, position:'top', - color:'rgba(0, 252, 255, 1)', + color:'#ffffff', formatter:function(data){ return data.value } diff --git a/src/view/echarts_yl/ylSMFW.vue b/src/view/echarts_yl/ylSMFW.vue index d58c518..341a308 100644 --- a/src/view/echarts_yl/ylSMFW.vue +++ b/src/view/echarts_yl/ylSMFW.vue @@ -160,11 +160,26 @@ const option = { data: data, barWidth: 20, type: "bar", + label:{ + show:true, + color:'#ffffff', + formatter:function(data){ + return data.value + } + }, }, { name: "上门服务次数", data: lineData, type: "line", //线状图 + label:{ + show:true, + position:'top', + color:'#ffffff', + formatter:function(data){ + return data.value + } + }, itemStyle: { borderColor: "#00FCFF", borderWidth: 1, diff --git a/src/view/echarts_yl/ylXZZC.vue b/src/view/echarts_yl/ylXZZC.vue index 7b686f5..fc491c1 100644 --- a/src/view/echarts_yl/ylXZZC.vue +++ b/src/view/echarts_yl/ylXZZC.vue @@ -215,6 +215,14 @@ const getOption = () => { ]), }, }, + label:{ + show:true, + position:'right', + color:'#ffffff', + formatter:function(data){ + return data.value + } + }, }, ], }; diff --git a/src/view/sy.vue b/src/view/sy.vue index 8b1cf2c..fd556b9 100644 --- a/src/view/sy.vue +++ b/src/view/sy.vue @@ -196,7 +196,7 @@ - +