Browse Source

统计颜色调整

new-ays
1747191978@qq.com 2 months ago
parent
commit
e48c68a012
  1. 4
      acupuncture-后台/src/views/indexCom/XGZL.vue
  2. 22
      acupuncture-后台/src/views/indexCom/follow.vue
  3. 40
      acupuncture-后台/src/views/indexCom/index.js
  4. 2
      acupuncture-后台/src/views/indexCom/patient.vue

4
acupuncture-后台/src/views/indexCom/XGZL.vue

@ -9,7 +9,7 @@
<div class="dis"> <div class="dis">
<div class="dian-box dis"> <div class="dian-box dis">
<div class="dian-box dis"> <div class="dian-box dis">
<span class="dian" style="background: #df8845"></span> <span class="dian" style="background: #c6a268"></span>
中西医结合 中西医结合
</div> </div>
<span class="dian" style="background: #d8d8d8"></span> <span class="dian" style="background: #d8d8d8"></span>
@ -52,7 +52,7 @@
<div class="dis"> <div class="dis">
<div class="dian-box dis"> <div class="dian-box dis">
<div class="dian-box dis"> <div class="dian-box dis">
<span class="dian" style="background: #df8845"></span> <span class="dian" style="background: #c6a268"></span>
治愈 治愈
</div> </div>
<div class="dian-box dis"> <div class="dian-box dis">

22
acupuncture-后台/src/views/indexCom/follow.vue

@ -90,47 +90,47 @@ export default {
followEcharts.series = []; followEcharts.series = [];
let colorArr = [ let colorArr = [
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
"#EBE4C6", "#EBE4C6",
"#DF8845", "#C6A268",
"#406E49", "#406E49",
"#00A046", "#00A046",
]; ];

40
acupuncture-后台/src/views/indexCom/index.js

@ -23,7 +23,7 @@ export const HZXX = {
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
}, },
color: ["#DF8845"], color: ["#C6A268"],
graphic: { graphic: {
type: "text", type: "text",
left: "center", left: "center",
@ -108,7 +108,7 @@ export const ageEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -156,14 +156,14 @@ export const ageEcharts = {
data: [], data: [],
type: "bar", type: "bar",
barMaxWidth: 24, //柱图宽度 barMaxWidth: 24, //柱图宽度
color: "#DF8845", color: "#C6A268",
// itemStyle: { // itemStyle: {
// normal: { // normal: {
// //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
// barBorderRadius: [50, 50, 0, 0], // barBorderRadius: [50, 50, 0, 0],
// color: function (params) { // color: function (params) {
// var colorList = [ // var colorList = [
// "#DF8845", // "#C6A268",
// ]; // ];
// return colorList[params.dataIndex]; // return colorList[params.dataIndex];
// }, // },
@ -179,7 +179,7 @@ export const diseaseEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -240,7 +240,7 @@ export const diagnoseEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -301,7 +301,7 @@ export const systemEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -349,7 +349,7 @@ export const systemEcharts = {
data: [], data: [],
type: "bar", type: "bar",
barMaxWidth: 24, //柱图宽度 barMaxWidth: 24, //柱图宽度
color: "#DF8845", color: "#C6A268",
// itemStyle: { // itemStyle: {
// normal: { // normal: {
// //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
@ -366,7 +366,7 @@ export const physiqueEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -447,7 +447,7 @@ export const postureEcharts = {
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
}, },
color: ["#C7BDB1", "#DF8845", "#906C4A", "#406E49", "#582518"], color: ["#C7BDB1", "#C6A268", "#906C4A", "#406E49", "#582518"],
series: [ series: [
{ {
type: "pie", type: "pie",
@ -479,7 +479,7 @@ export const agrypniaEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -527,7 +527,7 @@ export const agrypniaEcharts = {
data: [], data: [],
type: "bar", type: "bar",
barMaxWidth: 24, //柱图宽度 barMaxWidth: 24, //柱图宽度
color: "#DF8845", color: "#C6A268",
// itemStyle: { // itemStyle: {
// normal: { // normal: {
// //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
@ -544,7 +544,7 @@ export const anxietyEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -626,7 +626,7 @@ export const healTypeEcharts = {
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
}, },
color: ["#DF8845", "#D8D8D8"], color: ["#C6A268", "#D8D8D8"],
series: [ series: [
{ {
type: "pie", type: "pie",
@ -658,7 +658,7 @@ export const diseaseMethodEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -747,7 +747,7 @@ export const effectEcharts = {
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
}, },
color: ["#DF8845", "#00A046", "#406E49", "#EBE4C6"], color: ["#C6A268", "#00A046", "#406E49", "#EBE4C6"],
series: [ series: [
{ {
type: "pie", type: "pie",
@ -779,7 +779,7 @@ export const costEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -827,7 +827,7 @@ export const costEcharts = {
data: [], data: [],
type: "bar", type: "bar",
barMaxWidth: 24, //柱图宽度 barMaxWidth: 24, //柱图宽度
color: "#DF8845", color: "#C6A268",
// itemStyle: { // itemStyle: {
// normal: { // normal: {
// //这里设置柱形图圆角 [左上角,右上角,右下角,左下角] // //这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
@ -844,7 +844,7 @@ export const followEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {
@ -895,7 +895,7 @@ export const lossFollowEcharts = {
axisPointer: { axisPointer: {
type: "cross", type: "cross",
label: { label: {
backgroundColor: "#DF8845", backgroundColor: "#C6A268",
}, },
}, },
formatter: function (params) { formatter: function (params) {

2
acupuncture-后台/src/views/indexCom/patient.vue

@ -283,7 +283,7 @@ export default {
<style scoped src="@/assets/styles/common.css"></style> <style scoped src="@/assets/styles/common.css"></style>
<style scoped> <style scoped>
.div-hz { .div-hz {
background: #df8845; background: #c6a268;
width: 80%; width: 80%;
height: 70%; height: 70%;
border-radius: 10px; border-radius: 10px;

Loading…
Cancel
Save