diff --git a/src/view/echarts_education/eP1.vue b/src/view/echarts_education/eP1.vue index 2c73aee..49e59ab 100644 --- a/src/view/echarts_education/eP1.vue +++ b/src/view/echarts_education/eP1.vue @@ -59,7 +59,7 @@ const getOption = () => { grid: { top: "6%", left: "9%", - right: "10%", + right: "14%", bottom: "0%", containLabel: false, //---grid 区域是否包含坐标轴的刻度标签 }, @@ -78,6 +78,7 @@ const getOption = () => { show: false, textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -102,6 +103,7 @@ const getOption = () => { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, }, }, @@ -112,16 +114,12 @@ const getOption = () => { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { //分割线配置 show: false, - // lineStyle: { - // color: "#ffffff", - // width: 1, - // type: "solid", - // }, }, data: data1, }, @@ -137,6 +135,7 @@ const getOption = () => { //---坐标轴 标签 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { diff --git a/src/view/echarts_education/edCSR.vue b/src/view/echarts_education/edCSR.vue index 30bb781..db6776c 100644 --- a/src/view/echarts_education/edCSR.vue +++ b/src/view/echarts_education/edCSR.vue @@ -53,7 +53,7 @@ const option = { // data: ["上门服务时长", "上门服务次数"], // top: "8%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -64,6 +64,7 @@ const option = { bottom: "0%", containLabel: true, color: "#ffffff", + fontSize: 14, }, calculable: true, // color: "rgba(0, 252, 255, 1)", @@ -75,6 +76,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -98,6 +100,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, }, }, @@ -105,6 +108,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -112,6 +116,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -174,27 +179,7 @@ const option = { // data: data.map(() => max), data: data.map(() => Math.max(...data) * 1.02), barWidth: 40, //外阴影背景宽 - // emphasis: { - // itemStyle: { - // color: { - // type: "linear", - // x: 0, - // x2: 0, - // y: 0, - // y2: 1, - // colorStops: [ - // { - // offset: 0, - // color: "rgba(64, 247, 176, 0.25)", - // }, - // { - // offset: 1, - // color: "rgba(17, 34, 64, 0.25)", - // }, - // ], - // }, - // }, - // }, + type: "bar", }, ], @@ -202,19 +187,8 @@ const option = { // 使用生命钩子 onMounted(() => { - // 基于准备好的dom,初始化echarts实例 - // var myChart = echarts.init(document.getElementById('main')); - // Vue3中: 需要引入 var myChart = echarts.init(chart.value); - - // init(); // vue3.2没有this - // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); - - // 单图表响应式: 跟随浏览器大小改变 - // window.addEventListener("resize", () => { - // myChart.resize(); - // }); }); diff --git a/src/view/echarts_education/edXX.vue b/src/view/echarts_education/edXX.vue index 9a1c709..ae6e400 100644 --- a/src/view/echarts_education/edXX.vue +++ b/src/view/echarts_education/edXX.vue @@ -62,6 +62,7 @@ const getOption = () => { borderWidth: 1, borderColor: "rgba(193, 229, 255, .1)", color: "rgba(14, 59, 123, 0.60)", + fontSize: 14, }, }, tooltip: { @@ -93,7 +94,8 @@ const getOption = () => { //最外面的{a|}必要,不然位置有偏差,可以根据rich a微调 //{hr|}为圆点显示内容 formatter: "{hr|}{a|{b} {c}}\n\n", - color: "#fffdef", //折线图文字颜色 + color: "#ffffff", //折线图文字颜色 + fontSize: 14, borderWidth: 10, borderRadius: 4, padding: [90, -60], @@ -113,8 +115,9 @@ const getOption = () => { }, textStyle: { - color: "white", // 改变标示文字的颜色 - fontSize: 13, //文字大小 + // color: "white", // 改变标示文字的颜色 + color: "#ffffff", + fontSize: 14, //文字大小 }, }, labelLine: { diff --git a/src/view/echarts_education/pie.vue b/src/view/echarts_education/pie.vue index 12d4f88..45ea1a3 100644 --- a/src/view/echarts_education/pie.vue +++ b/src/view/echarts_education/pie.vue @@ -32,8 +32,8 @@ const getOption = () => { top: "8%", right: "11%", textStyle: { - fontSize: 12, - color: "#ccc", + fontSize: 14, + color: "#ffffff", }, }, grid: { @@ -49,7 +49,8 @@ const getOption = () => { axisLabel: { //坐标轴刻度标签的相关设置 textStyle: { - color: "#ccc", + color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -80,7 +81,8 @@ const getOption = () => { axisLabel: { //坐标轴刻度标签的相关设置 textStyle: { - color: "#ccc", + color: "#ffffff", + fontSize: 14, }, }, }, @@ -105,7 +107,7 @@ const getOption = () => { show: false, fontSize: 14, fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", lineHeight: 19, }, }, @@ -171,6 +173,7 @@ const getOption = () => { yAxisIndex: 1, itemStyle: { color: "rgba(221, 242, 255, 0.1)", + fontSize: 14, }, data: ["2019", "2020", "2021"].map(() => 100), barWidth: 70, diff --git a/src/view/echarts_hygiene/eP4.vue b/src/view/echarts_hygiene/eP4.vue index 0252efd..7c0c1b9 100644 --- a/src/view/echarts_hygiene/eP4.vue +++ b/src/view/echarts_hygiene/eP4.vue @@ -71,6 +71,7 @@ let option = { fontSize: '24', fontWeight: 'normal', color: '#fff', + fontSize: 14, lineHeight: 30, rich: { cell: { diff --git a/src/view/echarts_hygiene/eP5.vue b/src/view/echarts_hygiene/eP5.vue index 6e6ff2c..d6caf11 100644 --- a/src/view/echarts_hygiene/eP5.vue +++ b/src/view/echarts_hygiene/eP5.vue @@ -72,6 +72,7 @@ const getOption = () => { // }, textStyle: { color: "#ffffff", + fontSize: 14, }, rotate: 40, }, @@ -94,6 +95,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -101,6 +103,7 @@ const getOption = () => { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, diff --git a/src/view/echarts_hygiene/eP7.vue b/src/view/echarts_hygiene/eP7.vue index e28f582..3611115 100644 --- a/src/view/echarts_hygiene/eP7.vue +++ b/src/view/echarts_hygiene/eP7.vue @@ -46,6 +46,7 @@ data.option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, @@ -76,6 +77,7 @@ data.option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -83,6 +85,7 @@ data.option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -109,7 +112,8 @@ data.option = { show: false, fontSize: 14, fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", + fontSize: 14, lineHeight: 19, }, }, diff --git a/src/view/echarts_hygiene/gxy.vue b/src/view/echarts_hygiene/gxy.vue index b1b1de1..cdc3109 100644 --- a/src/view/echarts_hygiene/gxy.vue +++ b/src/view/echarts_hygiene/gxy.vue @@ -56,6 +56,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -72,6 +73,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, diff --git a/src/view/echarts_hygiene/pie.vue b/src/view/echarts_hygiene/pie.vue index 8d0f248..08416c2 100644 --- a/src/view/echarts_hygiene/pie.vue +++ b/src/view/echarts_hygiene/pie.vue @@ -38,7 +38,7 @@ const getOption = () => { top: "6%", right: "11%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -57,6 +57,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, data: data.year, @@ -85,6 +86,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -109,7 +111,8 @@ const getOption = () => { show: false, fontSize: 14, fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", + fontSize: 14, lineHeight: 19, }, }, diff --git a/src/view/echarts_hygiene/pie2.vue b/src/view/echarts_hygiene/pie2.vue index ab1c420..91fb2c0 100644 --- a/src/view/echarts_hygiene/pie2.vue +++ b/src/view/echarts_hygiene/pie2.vue @@ -38,7 +38,7 @@ const getOption = () => { top: "6%", right: "11%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -57,6 +57,7 @@ const getOption = () => { axisLabel: { //坐标轴刻度标签的相关设置 textStyle: { + fontSize: 14, color: "#ffffff", }, }, @@ -73,6 +74,7 @@ const getOption = () => { axisLabel: { //坐标轴刻度标签的相关设置 textStyle: { + fontSize: 14, color: "#ffffff", }, }, diff --git a/src/view/echarts_hygiene/tnb.vue b/src/view/echarts_hygiene/tnb.vue index 8e066a8..35dfc1f 100644 --- a/src/view/echarts_hygiene/tnb.vue +++ b/src/view/echarts_hygiene/tnb.vue @@ -56,6 +56,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -72,6 +73,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, diff --git a/src/view/echarts_sy/pie.vue b/src/view/echarts_sy/pie.vue index 2e606b7..f1776eb 100644 --- a/src/view/echarts_sy/pie.vue +++ b/src/view/echarts_sy/pie.vue @@ -186,8 +186,8 @@ const getOption = () => { borderRadius: 20, }, textStyle: { - color: "#ccc", - fontSize: 12, + color: "#ffffff", + fontSize: 14, padding: 10, rich: { name: { diff --git a/src/view/echarts_work/eP1.vue b/src/view/echarts_work/eP1.vue index 196bdd2..a61396b 100644 --- a/src/view/echarts_work/eP1.vue +++ b/src/view/echarts_work/eP1.vue @@ -24,7 +24,7 @@ const option = { data: ["救助金额", "救助人数"], top: "8%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", //上文字标题颜色 }, }, @@ -45,6 +45,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -69,12 +70,14 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, }, }, axisLabel: { //y轴文字的配置 textStyle: { + fontSize: 14, color: "#ffffff", }, }, @@ -83,6 +86,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -105,6 +109,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -112,6 +117,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -138,7 +144,7 @@ const option = { show: false, fontSize: 14, fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", lineHeight: 19, }, }, diff --git a/src/view/echarts_work/eP2.vue b/src/view/echarts_work/eP2.vue index 2eec701..b22d97a 100644 --- a/src/view/echarts_work/eP2.vue +++ b/src/view/echarts_work/eP2.vue @@ -49,7 +49,7 @@ const option = { data: ["救助金额", "救助人数"], top: "8%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", //上文字标题颜色 }, }, @@ -59,6 +59,7 @@ const option = { bottom: "0%", containLabel: true, color: "#ffffff", + fontSize: 14, }, calculable: true, color, @@ -70,6 +71,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -94,6 +96,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, }, }, @@ -101,6 +104,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -108,6 +112,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -130,6 +135,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -137,6 +143,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -162,9 +169,9 @@ const option = { axisLabel: { show: false, fontSize: 14, - fontFamily: "MicrosoftYaHei", color: "#DEF1FF", lineHeight: 19, + fontFamily: "MicrosoftYaHei", }, }, ], @@ -238,19 +245,8 @@ const option = { // 使用生命钩子 onMounted(() => { - // 基于准备好的dom,初始化echarts实例 - // var myChart = echarts.init(document.getElementById('main')); - // Vue3中: 需要引入 var myChart = echarts.init(chart.value); - - // init(); // vue3.2没有this - // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); - - // 单图表响应式: 跟随浏览器大小改变 - // window.addEventListener("resize", () => { - // myChart.resize(); - // }); }); diff --git a/src/view/echarts_work/eP3.vue b/src/view/echarts_work/eP3.vue index b76fd4f..1a394ca 100644 --- a/src/view/echarts_work/eP3.vue +++ b/src/view/echarts_work/eP3.vue @@ -44,7 +44,7 @@ const option = { data: ["特困救助金额", "低保救助金额"], top: "3%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", //上文字标题颜色 }, }, @@ -52,7 +52,7 @@ const option = { data: ["特困救助人次", "低保救助人次", "低边救助人次"], top: "13%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", //上文字标题颜色 }, }, @@ -65,6 +65,7 @@ const option = { bottom: "0%", containLabel: true, color: "#ffffff", + fontSize: 14, }, calculable: true, color, @@ -76,6 +77,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -100,6 +102,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, }, }, @@ -107,6 +110,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -114,6 +118,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -136,13 +141,16 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, + }, axisLine: { //y轴线的颜色以及宽度 show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -168,9 +176,9 @@ const option = { axisLabel: { show: false, fontSize: 14, - fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", lineHeight: 19, + fontFamily: "MicrosoftYaHei", }, }, ], diff --git a/src/view/echarts_work/eP4.vue b/src/view/echarts_work/eP4.vue index b024e08..d93d41e 100644 --- a/src/view/echarts_work/eP4.vue +++ b/src/view/echarts_work/eP4.vue @@ -42,7 +42,7 @@ const option = { ], top: "3%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", //上文字标题颜色 }, }, @@ -53,6 +53,7 @@ const option = { bottom: "5%", containLabel: true, color: "#ffffff", + fontSize: 14, }, calculable: true, color, @@ -64,6 +65,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -88,6 +90,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, }, }, @@ -95,6 +98,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -102,6 +106,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -124,6 +129,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -131,6 +137,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -156,9 +163,9 @@ const option = { axisLabel: { show: false, fontSize: 14, - fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", lineHeight: 19, + fontFamily: "MicrosoftYaHei", }, }, ], diff --git a/src/view/echarts_work/ePjz.vue b/src/view/echarts_work/ePjz.vue index 171e7b3..da316a5 100644 --- a/src/view/echarts_work/ePjz.vue +++ b/src/view/echarts_work/ePjz.vue @@ -45,7 +45,7 @@ const option = { top: "8%", bottom: "9%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", //上文字标题颜色 }, }, @@ -65,6 +65,7 @@ const option = { bottom: "7%", containLabel: true, color: "#ffffff", + fontSize: 14, }, xAxis: [ { @@ -74,6 +75,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -97,6 +99,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, }, }, @@ -104,6 +107,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -111,6 +115,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -133,6 +138,7 @@ const option = { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -140,6 +146,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -166,7 +173,7 @@ const option = { show: false, fontSize: 14, fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", lineHeight: 19, }, }, @@ -280,8 +287,8 @@ const option = { show: false, // 开启显示 position: "top", // 在上方显示 textStyle: { - fontSize: "12", - color: "#B0E1FF", + fontSize: "14", + color: "#ffffff", }, }, }, diff --git a/src/view/echarts_yl/eP2.vue b/src/view/echarts_yl/eP2.vue index 06fc40f..2881232 100644 --- a/src/view/echarts_yl/eP2.vue +++ b/src/view/echarts_yl/eP2.vue @@ -50,7 +50,7 @@ const getOption = () => { top: "8%", right: "15%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -63,20 +63,12 @@ const getOption = () => { xAxis: { type: "category", - // boundaryGap: false, data: data.year, - // splitArea: { - // show: true, - // interval: '10', - // areaStyle: { - // color: ["rgba(255, 255, 255, 0.10)"], - // width:10, - // }, - // }, axisLabel: { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -85,7 +77,8 @@ const getOption = () => { splitLine: { show: true, lineStyle: { - color: "rgba(226, 226, 226, 0.3)", + color: "rgba(255, 255, 255, 0.2)", + fontSize: 14, width: 1, }, }, @@ -93,6 +86,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, diff --git a/src/view/echarts_yl/eP2_2.vue b/src/view/echarts_yl/eP2_2.vue index 0344350..99505fb 100644 --- a/src/view/echarts_yl/eP2_2.vue +++ b/src/view/echarts_yl/eP2_2.vue @@ -50,7 +50,7 @@ const getOption = () => { top: "8%", right: "15%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -77,6 +77,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -93,6 +94,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -104,6 +106,7 @@ const getOption = () => { showBackground: true, backgroundStyle: { color: "rgba(180, 180, 180, 0.2)", + fontSize: 14, }, }, { diff --git a/src/view/echarts_yl/eP3.vue b/src/view/echarts_yl/eP3.vue index a745d0a..303ea0f 100644 --- a/src/view/echarts_yl/eP3.vue +++ b/src/view/echarts_yl/eP3.vue @@ -50,7 +50,7 @@ const getOption = () =>{ top: "8%", right: "11%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -69,6 +69,7 @@ const getOption = () =>{ //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -77,7 +78,8 @@ const getOption = () =>{ splitLine: { show: true, lineStyle: { - color: "rgba(226, 226, 226, 0.3)", + color: "rgba(255, 255, 255, 0.2)", + fontSize: 14, width: 1, }, }, @@ -85,6 +87,7 @@ const getOption = () =>{ //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, diff --git a/src/view/echarts_yl/eP3_2.vue b/src/view/echarts_yl/eP3_2.vue index fc1de97..3e3e40c 100644 --- a/src/view/echarts_yl/eP3_2.vue +++ b/src/view/echarts_yl/eP3_2.vue @@ -47,7 +47,7 @@ const getOption = () =>{ top: "5%", right: "11%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -65,6 +65,7 @@ const getOption = () =>{ //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, data: data.year, @@ -75,6 +76,8 @@ const getOption = () =>{ data: data.year, axisLabel: { show: false, + color: "#ffffff", + fontSize: 14, }, }, @@ -94,6 +97,7 @@ const getOption = () =>{ //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -105,7 +109,7 @@ const getOption = () =>{ show: false, lineStyle: { type: "solid", - color: "rgb(221, 242, 255,0.1)" + color: "rgb(221, 242, 255,0.3)" }, }, axisLine: { @@ -117,8 +121,8 @@ const getOption = () =>{ axisLabel: { show: false, fontSize: 14, - fontFamily: "MicrosoftYaHei", color: "#DEF1FF", + fontFamily: "MicrosoftYaHei", lineHeight: 19, }, }, diff --git a/src/view/echarts_yl/pie.vue b/src/view/echarts_yl/pie.vue index de9436b..909c4f9 100644 --- a/src/view/echarts_yl/pie.vue +++ b/src/view/echarts_yl/pie.vue @@ -46,7 +46,7 @@ const getOption = () => { top: "8%", right: "11%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -64,6 +64,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, data: data.year, @@ -84,7 +85,9 @@ const getOption = () => { splitLine: { show: true, lineStyle: { - color: "rgba(226, 226, 226, 0.3)", + // color: "rgba(226, 226, 226, 0.3)", + color: "#ffffff", + fontSize: 14, width: 1, }, }, @@ -114,7 +117,7 @@ const getOption = () => { show: false, fontSize: 14, fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", lineHeight: 19, }, }, diff --git a/src/view/echarts_yl/pie2.vue b/src/view/echarts_yl/pie2.vue index 16dfb20..6312ebc 100644 --- a/src/view/echarts_yl/pie2.vue +++ b/src/view/echarts_yl/pie2.vue @@ -48,7 +48,7 @@ const getOption = () => { top: "8%", right: "11%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -67,6 +67,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, @@ -75,7 +76,8 @@ const getOption = () => { splitLine: { show: true, lineStyle: { - color: "rgba(226, 226, 226, 0.3)", + color: "rgba(255, 255, 255, 0.2)", + fontSize: 14, width: 1, }, }, @@ -83,6 +85,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, }, diff --git a/src/view/echarts_yl/pie3d.vue b/src/view/echarts_yl/pie3d.vue index bf91243..b712aae 100644 --- a/src/view/echarts_yl/pie3d.vue +++ b/src/view/echarts_yl/pie3d.vue @@ -251,7 +251,7 @@ function getPie3D(pieData, internalDiameterRatio) { textStyle: { //图例字体大小 fontSize: 14, - color: "#B8DDFF", + color: "#FFFFFF", lineHeight: 20, }, @@ -288,7 +288,7 @@ function getPie3D(pieData, internalDiameterRatio) { ).toFixed(2); const value = option.series[params.seriesIndex].pieData.value; return ( - `
` + + `
` + `` + `${params.seriesName}
` + `${value}人` + diff --git a/src/view/echarts_yl/ylJHSY.vue b/src/view/echarts_yl/ylJHSY.vue index 978e7e5..7cf49ea 100644 --- a/src/view/echarts_yl/ylJHSY.vue +++ b/src/view/echarts_yl/ylJHSY.vue @@ -86,9 +86,9 @@ const getOption = () => { }, legend: { data: ["计划生育人数", "计划生育补贴金额"], - top: "8%", + top: "3%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", //上文字标题颜色 }, }, @@ -107,6 +107,7 @@ const getOption = () => { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -130,7 +131,8 @@ const getOption = () => { //分割线配置 show: false, lineStyle: { - color: "#ffffff", + color: "rgba(255, 255, 255, 0.3)", + fontSize: 14, width: 1, }, }, @@ -138,6 +140,7 @@ const getOption = () => { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -145,6 +148,7 @@ const getOption = () => { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -167,13 +171,16 @@ const getOption = () => { //y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, + }, axisLine: { //y轴线的颜色以及宽度 show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -186,7 +193,7 @@ const getOption = () => { show: false, lineStyle: { type: "solid", - color: "rgb(221, 242, 255,0.1)", + color: "rgba(255, 255, 255, 0.3)", }, }, axisLine: { @@ -198,9 +205,9 @@ const getOption = () => { axisLabel: { show: false, fontSize: 14, - fontFamily: "MicrosoftYaHei", - color: "#DEF1FF", + color: "#ffffff", lineHeight: 19, + fontFamily: "MicrosoftYaHei", }, }, ], diff --git a/src/view/echarts_yl/ylSMFW.vue b/src/view/echarts_yl/ylSMFW.vue index d9e94d9..dc334d5 100644 --- a/src/view/echarts_yl/ylSMFW.vue +++ b/src/view/echarts_yl/ylSMFW.vue @@ -39,6 +39,7 @@ const color = [ }, ]; const option = { + color, tooltip: { trigger: "axis", formatter: "{b0}
{a0}:{c0}
{a1}:{c1}", @@ -53,7 +54,7 @@ const option = { data: ["上门服务时长", "上门服务次数"], // top: "8%", textStyle: { - fontSize: 12, + fontSize: 14, color: "#ffffff", }, }, @@ -64,10 +65,10 @@ const option = { bottom: "0%", containLabel: true, color: "#ffffff", + fontSize: 14, }, calculable: true, - // color: "rgba(0, 252, 255, 1)", - color, + xAxis: [ { type: "category", @@ -75,6 +76,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisTick: { @@ -97,7 +99,8 @@ const option = { splitLine: { show: false, lineStyle: { - color: "#ffffff", + color: "rgba(255, 255, 255, 0.3)", + fontSize: 14, width: 1, }, }, @@ -105,6 +108,7 @@ const option = { //坐标轴刻度标签的相关设置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -112,6 +116,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, @@ -126,13 +131,15 @@ const option = { splitLine: {//分割线配置 show: false, lineStyle: { - color: "#ffffff", + color: "rgba(255, 255, 255, 0.3)", width: 1, + fontSize: 14, }, }, axisLabel: {//y轴文字的配置 textStyle: { color: "#ffffff", + fontSize: 14, }, }, axisLine: { @@ -140,6 +147,7 @@ const option = { show: false, lineStyle: { color: "#ffffff", + fontSize: 14, width: 1, type: "solid", }, diff --git a/src/view/echarts_yl/ylXZZC.vue b/src/view/echarts_yl/ylXZZC.vue index 9079c7d..7b686f5 100644 --- a/src/view/echarts_yl/ylXZZC.vue +++ b/src/view/echarts_yl/ylXZZC.vue @@ -1,8 +1,5 @@