You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
980 lines
20 KiB
980 lines
20 KiB
import * as echarts from "echarts";
|
|
// -------- 患者信息统计 --------
|
|
// 患者总数
|
|
export const HZXX = {
|
|
tooltip: {
|
|
trigger: "item",
|
|
},
|
|
title: {
|
|
text: "100",
|
|
left: "center",
|
|
top: "40%",
|
|
textStyle: {
|
|
textAlign: "center",
|
|
color: "#393D4E",
|
|
fontSize: 40,
|
|
fontWeight: 600,
|
|
},
|
|
},
|
|
grid: {
|
|
top: "0%",
|
|
left: "0",
|
|
right: "0%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
color: ["#C6A268"],
|
|
graphic: {
|
|
type: "text",
|
|
left: "center",
|
|
top: "56%",
|
|
style: {
|
|
text: "患者总数",
|
|
color: "#70798C",
|
|
textAlign: "center",
|
|
fill: "#999999",
|
|
fontSize: 18,
|
|
width: "50px",
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
type: "pie",
|
|
radius: ["60%", "80%"],
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: "center",
|
|
},
|
|
labelLine: {
|
|
show: false,
|
|
},
|
|
data: [],
|
|
},
|
|
],
|
|
};
|
|
// 患者性别
|
|
export const gende = {
|
|
tooltip: {
|
|
trigger: "item",
|
|
},
|
|
title: {
|
|
text: "",
|
|
left: "center",
|
|
top: "40%",
|
|
textStyle: {
|
|
textAlign: "center",
|
|
color: "#393D4E",
|
|
fontSize: 40,
|
|
fontWeight: 600,
|
|
},
|
|
},
|
|
grid: {
|
|
top: "0%",
|
|
left: "0",
|
|
right: "0%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
color: ["#70483E", "#C7BDB1"],
|
|
series: [
|
|
{
|
|
type: "pie",
|
|
radius: "80%",
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: "center",
|
|
normal: {
|
|
show: true,
|
|
position: "inner",
|
|
formatter: "{b}：{c}个",
|
|
textStyle: {
|
|
color: "#fff",
|
|
},
|
|
},
|
|
},
|
|
labelLine: {
|
|
show: false,
|
|
},
|
|
data: [],
|
|
},
|
|
],
|
|
};
|
|
// 年龄分布
|
|
export const ageEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: ["<40岁", "41-50岁", "51-60岁", "61-70岁", "71-80岁", ">80岁"],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "4%",
|
|
right: "4%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 20],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#C6A268",
|
|
// itemStyle: {
|
|
// normal: {
|
|
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
// barBorderRadius: [50, 50, 0, 0],
|
|
// color: function (params) {
|
|
// var colorList = [
|
|
// "#C6A268",
|
|
// ];
|
|
// return colorList[params.dataIndex];
|
|
// },
|
|
// },
|
|
// },
|
|
},
|
|
],
|
|
};
|
|
// 病种分布
|
|
export const diseaseEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: ["<40岁", "41-50岁", "51-60岁", "61-70岁", "71-80岁", ">80岁"],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "6%",
|
|
right: "4%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 30],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#70483E",
|
|
},
|
|
],
|
|
};
|
|
|
|
// -------- 诊疗信息统计 --------
|
|
// 病种排名
|
|
export const diagnoseEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "value",
|
|
minInterval: 1,
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
grid: {
|
|
top: "4%",
|
|
left: "4%",
|
|
right: "6%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
type: "category",
|
|
data: [],
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#906C4A",
|
|
},
|
|
],
|
|
};
|
|
// 体型
|
|
export const systemEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: [],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "6%",
|
|
right: "4%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 34],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#C6A268",
|
|
// itemStyle: {
|
|
// normal: {
|
|
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
// barBorderRadius: [50, 50, 0, 0],
|
|
// },
|
|
// },
|
|
},
|
|
],
|
|
};
|
|
// 体质
|
|
export const physiqueEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: [],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "4%",
|
|
right: "4%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 20],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#70483E",
|
|
// itemStyle: {
|
|
// normal: {
|
|
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
// barBorderRadius: [50, 50, 0, 0],
|
|
// },
|
|
// },
|
|
},
|
|
],
|
|
};
|
|
// 体态
|
|
export const postureEcharts = {
|
|
tooltip: {
|
|
trigger: "item",
|
|
},
|
|
title: {
|
|
text: "",
|
|
left: "center",
|
|
top: "40%",
|
|
textStyle: {
|
|
textAlign: "center",
|
|
color: "#393D4E",
|
|
fontSize: 40,
|
|
fontWeight: 600,
|
|
},
|
|
},
|
|
grid: {
|
|
top: "0%",
|
|
left: "0",
|
|
right: "0%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
color: ["#C7BDB1", "#C6A268", "#906C4A", "#70483E", "#582518"],
|
|
series: [
|
|
{
|
|
type: "pie",
|
|
radius: "80%",
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: "center",
|
|
normal: {
|
|
show: true,
|
|
position: "inner",
|
|
formatter: "{b}：{c}个",
|
|
textStyle: {
|
|
color: "#fff",
|
|
},
|
|
},
|
|
},
|
|
labelLine: {
|
|
show: false,
|
|
},
|
|
data: [],
|
|
},
|
|
],
|
|
};
|
|
// 失眠评估
|
|
export const agrypniaEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: ["0~4分", "5~9分", "10~14分", "15~19分", "20~27分"],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "5%",
|
|
right: "5%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 20],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#C6A268",
|
|
// itemStyle: {
|
|
// normal: {
|
|
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
// barBorderRadius: [50, 50, 0, 0],
|
|
// },
|
|
// },
|
|
},
|
|
],
|
|
};
|
|
// 焦虑度
|
|
export const anxietyEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: ["<8分", "8~20分", "21~35分", ">35分"],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "5%",
|
|
right: "5%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 20],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#70483E",
|
|
// itemStyle: {
|
|
// normal: {
|
|
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
// barBorderRadius: [50, 50, 0, 0],
|
|
// },
|
|
// },
|
|
},
|
|
],
|
|
};
|
|
// -------- 治疗类型 --------
|
|
// 治疗类型
|
|
export const healTypeEcharts = {
|
|
tooltip: {
|
|
trigger: "item",
|
|
},
|
|
title: {
|
|
text: "",
|
|
left: "center",
|
|
top: "40%",
|
|
textStyle: {
|
|
textAlign: "center",
|
|
color: "#393D4E",
|
|
fontSize: 40,
|
|
fontWeight: 600,
|
|
},
|
|
},
|
|
grid: {
|
|
top: "0%",
|
|
left: "0",
|
|
right: "0%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
color: ["#C6A268", "#D8D8D8"],
|
|
series: [
|
|
{
|
|
type: "pie",
|
|
radius: "80%",
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: "center",
|
|
normal: {
|
|
show: true,
|
|
position: "inner",
|
|
formatter: "{b}：{c}个",
|
|
textStyle: {
|
|
color: "#fff",
|
|
},
|
|
},
|
|
},
|
|
labelLine: {
|
|
show: false,
|
|
},
|
|
data: [],
|
|
},
|
|
],
|
|
};
|
|
// 病种方法
|
|
export const diseaseMethodEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: ["肥胖症", "失眠症", "其他"],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "5%",
|
|
right: "2%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量1：",
|
|
data: [1, 2],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
itemStyle: {
|
|
normal: {
|
|
//这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
barBorderRadius: [50, 50, 0, 0],
|
|
},
|
|
},
|
|
},
|
|
{
|
|
name: "数量2：",
|
|
data: [1, 3],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
itemStyle: {
|
|
normal: {
|
|
//这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
barBorderRadius: [50, 50, 0, 0],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
};
|
|
// 治疗效果
|
|
export const effectEcharts = {
|
|
tooltip: {
|
|
trigger: "item",
|
|
},
|
|
title: {
|
|
text: "",
|
|
left: "center",
|
|
top: "40%",
|
|
textStyle: {
|
|
textAlign: "center",
|
|
color: "#393D4E",
|
|
fontSize: 40,
|
|
fontWeight: 600,
|
|
},
|
|
},
|
|
grid: {
|
|
top: "0%",
|
|
left: "0",
|
|
right: "0%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
color: ["#C6A268", "#906C4A", "#70483E", "#C7BDB1"],
|
|
series: [
|
|
{
|
|
type: "pie",
|
|
radius: "80%",
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false,
|
|
position: "center",
|
|
normal: {
|
|
show: true,
|
|
position: "inner",
|
|
formatter: "{b}：{c}个",
|
|
textStyle: {
|
|
color: "#fff",
|
|
},
|
|
},
|
|
},
|
|
labelLine: {
|
|
show: false,
|
|
},
|
|
data: [],
|
|
},
|
|
],
|
|
};
|
|
// 诊疗费用
|
|
export const costEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: ["<300元", "300 ~ 900元", "900 ~ 2000元", "2000 ~ 5000元", ">5000元"],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "4%",
|
|
right: "4%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 20],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#C6A268",
|
|
// itemStyle: {
|
|
// normal: {
|
|
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
// barBorderRadius: [50, 50, 0, 0],
|
|
// },
|
|
// },
|
|
},
|
|
],
|
|
};
|
|
// -------- 随访 --------
|
|
export const followEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: ["待随访", "临近随访", "超期随访", "正常随访"],
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "4%",
|
|
right: "4%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 20],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [],
|
|
};
|
|
// 失访原因
|
|
export const lossFollowEcharts = {
|
|
tooltip: {
|
|
trigger: "axis",
|
|
axisPointer: {
|
|
type: "cross",
|
|
label: {
|
|
backgroundColor: "#6a7985",
|
|
},
|
|
},
|
|
formatter: function (params) {
|
|
let res1 = params[0].name;
|
|
for (var i = 0, l = params.length; i < l; i++) {
|
|
res1 +=
|
|
"<br/>" +
|
|
`<span style="background:${params[i].color};width:12px;display:inline-block;height:12px;border-radius:50%;margin-right:5px;"></span>` +
|
|
params[i].seriesName +
|
|
" : " +
|
|
params[i].value +
|
|
"个";
|
|
}
|
|
return res1;
|
|
},
|
|
},
|
|
xAxis: {
|
|
type: "category",
|
|
data: [],
|
|
axisLabel: {
|
|
formatter: function (value) {
|
|
var ret = ""; //拼接加\n返回的类目项
|
|
var max = 10; //每行显示的文字字数
|
|
var val = value.length; //X轴内容的文字字数
|
|
var rowN = Math.ceil(val / max); //需要换的行数
|
|
// 最后一行不加\n
|
|
// 根据最大字数限制进行换行处理
|
|
if (rowN > 1) {
|
|
// 如果需要换行
|
|
for (var i = 0; i < rowN; i++) {
|
|
// 遍历每行
|
|
var temp = value.substring(i * max, (i + 1) * max); // 截取当前行内容
|
|
ret += temp; // 添加到结果字符串
|
|
if (i < rowN - 1) {
|
|
// 如果不是最后一行
|
|
ret += "\n"; // 添加换行符
|
|
}
|
|
}
|
|
return ret;
|
|
} else {
|
|
return value; // 不需要换行时直接返回原值
|
|
}
|
|
},
|
|
},
|
|
},
|
|
grid: {
|
|
top: "12%",
|
|
left: "4%",
|
|
right: "4%",
|
|
bottom: "0%",
|
|
containLabel: true,
|
|
},
|
|
yAxis: {
|
|
name: "数量( 个 )",
|
|
type: "value",
|
|
minInterval: 1,
|
|
nameTextStyle: {
|
|
padding: [0, 0, 0, 20],
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
type: "dashed",
|
|
},
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "数量：",
|
|
data: [],
|
|
type: "bar",
|
|
barMaxWidth: 24, //柱图宽度
|
|
color: "#70483E",
|
|
// itemStyle: {
|
|
// normal: {
|
|
// //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
|
|
// barBorderRadius: [50, 50, 0, 0],
|
|
// },
|
|
// },
|
|
},
|
|
],
|
|
};
|
|
|