|
|
@@ -751,6 +751,7 @@ function getworkOrderType() {
|
|
751
|
751
|
});
|
|
752
|
752
|
}
|
|
753
|
753
|
|
|
|
754
|
+
|
|
754
|
755
|
function hotThingsChart(dom, data, count, count1, rotate = 0,conNumData) {
|
|
755
|
756
|
window.onresize = function() {
|
|
756
|
757
|
hotThings.resize()
|
|
|
@@ -951,6 +952,201 @@ function hotThingsChart(dom, data, count, count1, rotate = 0,conNumData) {
|
|
951
|
952
|
|
|
952
|
953
|
}
|
|
953
|
954
|
|
|
|
955
|
+function hotThingsChartMain(dom, data, count, count1, rotate = 0,conNumData) {
|
|
|
956
|
+ window.onresize = function() {
|
|
|
957
|
+ hotThings.resize()
|
|
|
958
|
+ }
|
|
|
959
|
+ option = {
|
|
|
960
|
+ textStyle: {
|
|
|
961
|
+ color: "#c0c3cd",
|
|
|
962
|
+ fontSize: 11
|
|
|
963
|
+ },
|
|
|
964
|
+ grid: {
|
|
|
965
|
+ top: '25%',
|
|
|
966
|
+ bottom: '30%'
|
|
|
967
|
+ },
|
|
|
968
|
+ xAxis: {
|
|
|
969
|
+ nameTextStyle: {
|
|
|
970
|
+ color: "#c0c3cd",
|
|
|
971
|
+ padding: [0, 0, -10, 0],
|
|
|
972
|
+ fontSize: 11
|
|
|
973
|
+ },
|
|
|
974
|
+ axisLabel: {
|
|
|
975
|
+ color: "#c0c3cd",
|
|
|
976
|
+ fontSize: 11,
|
|
|
977
|
+ rotate: rotate,
|
|
|
978
|
+ },
|
|
|
979
|
+ axisTick: {
|
|
|
980
|
+ lineStyle: {
|
|
|
981
|
+ color: "#8398c4",
|
|
|
982
|
+ width: 1
|
|
|
983
|
+ },
|
|
|
984
|
+ show: false
|
|
|
985
|
+ },
|
|
|
986
|
+ minorTick: {
|
|
|
987
|
+ length: 8
|
|
|
988
|
+ },
|
|
|
989
|
+ splitLine: {
|
|
|
990
|
+ show: false
|
|
|
991
|
+ },
|
|
|
992
|
+ axisLine: {
|
|
|
993
|
+ lineStyle: {
|
|
|
994
|
+ color: "#8398c4",
|
|
|
995
|
+ width: 1,
|
|
|
996
|
+ type: "solid"
|
|
|
997
|
+ },
|
|
|
998
|
+ show: true
|
|
|
999
|
+ },
|
|
|
1000
|
+ data: data,
|
|
|
1001
|
+ type: "category"
|
|
|
1002
|
+ },
|
|
|
1003
|
+ yAxis: {
|
|
|
1004
|
+ nameTextStyle: {
|
|
|
1005
|
+ color: "#c0c3cd",
|
|
|
1006
|
+ padding: [0, 0, 10, -5],
|
|
|
1007
|
+ fontSize: 11
|
|
|
1008
|
+ },
|
|
|
1009
|
+ axisLabel: {
|
|
|
1010
|
+ color: "#c0c3cd",
|
|
|
1011
|
+ fontSize: 11
|
|
|
1012
|
+ },
|
|
|
1013
|
+ axisTick: {
|
|
|
1014
|
+ lineStyle: {
|
|
|
1015
|
+ color: "#8398c4",
|
|
|
1016
|
+ width: 1
|
|
|
1017
|
+ },
|
|
|
1018
|
+ show: true
|
|
|
1019
|
+ },
|
|
|
1020
|
+ splitLine: {
|
|
|
1021
|
+ show: true,
|
|
|
1022
|
+ lineStyle: {
|
|
|
1023
|
+ color: "#8398c4",
|
|
|
1024
|
+ type: "dashed"
|
|
|
1025
|
+ }
|
|
|
1026
|
+ },
|
|
|
1027
|
+ axisLine: {
|
|
|
1028
|
+ lineStyle: {
|
|
|
1029
|
+ color: "#8398c4",
|
|
|
1030
|
+ width: 1,
|
|
|
1031
|
+ type: "solid"
|
|
|
1032
|
+ },
|
|
|
1033
|
+ show: true,
|
|
|
1034
|
+ // "symbol":['none', 'arrow'],
|
|
|
1035
|
+ symbol: ['none', 'path://M5, 20 L5, 5 L8, 8 L5, 2 L2, 8 L5, 5 L5.3, 6 L5.3, 20'],
|
|
|
1036
|
+ symbolOffset: 5,
|
|
|
1037
|
+ symbolSize: [35, 38],
|
|
|
1038
|
+ },
|
|
|
1039
|
+ name: "条"
|
|
|
1040
|
+ },
|
|
|
1041
|
+ series: [{
|
|
|
1042
|
+ data: count,
|
|
|
1043
|
+ type: "bar",
|
|
|
1044
|
+ barMaxWidth: "auto",
|
|
|
1045
|
+ barWidth: 15,
|
|
|
1046
|
+ itemStyle: {
|
|
|
1047
|
+ color: {
|
|
|
1048
|
+ x: 0,
|
|
|
1049
|
+ y: 0,
|
|
|
1050
|
+ x2: 0,
|
|
|
1051
|
+ y2: 1,
|
|
|
1052
|
+ type: "linear",
|
|
|
1053
|
+ global: false,
|
|
|
1054
|
+ colorStops: [{
|
|
|
1055
|
+ offset: 0,
|
|
|
1056
|
+ color: "#ff4519"
|
|
|
1057
|
+ }, {
|
|
|
1058
|
+ offset: 1,
|
|
|
1059
|
+ color: "#fff500"
|
|
|
1060
|
+ }]
|
|
|
1061
|
+ },
|
|
|
1062
|
+ barBorderRadius: [30, 30, 0, 0]
|
|
|
1063
|
+ },
|
|
|
1064
|
+ label: {
|
|
|
1065
|
+ show: true,
|
|
|
1066
|
+ position: "top",
|
|
|
1067
|
+ distance: 10,
|
|
|
1068
|
+ color: "#fff"
|
|
|
1069
|
+ },
|
|
|
1070
|
+ emphasis: {
|
|
|
1071
|
+ itemStyle: {
|
|
|
1072
|
+ color: new echarts.graphic.LinearGradient(
|
|
|
1073
|
+ 0, 0, 0, 1, [{
|
|
|
1074
|
+ offset: 0,
|
|
|
1075
|
+ color: '#fde301'
|
|
|
1076
|
+ },
|
|
|
1077
|
+ {
|
|
|
1078
|
+ offset: 1,
|
|
|
1079
|
+ color: '#0a2f3e'
|
|
|
1080
|
+ }
|
|
|
1081
|
+ ]
|
|
|
1082
|
+ )
|
|
|
1083
|
+ }
|
|
|
1084
|
+ },
|
|
|
1085
|
+ },
|
|
|
1086
|
+ {
|
|
|
1087
|
+ data: conNumData,
|
|
|
1088
|
+ type: "line",
|
|
|
1089
|
+ symbolSize: 0, // symbol的大小设置为0
|
|
|
1090
|
+ showSymbol: false, // 不显示symbol
|
|
|
1091
|
+ lineStyle: {
|
|
|
1092
|
+ width: 0, // 线宽是0
|
|
|
1093
|
+ color: 'rgba(0, 0, 0, 0)' // 线的颜色是透明的
|
|
|
1094
|
+ }
|
|
|
1095
|
+ },
|
|
|
1096
|
+ {
|
|
|
1097
|
+ data: [1, 1, 1, 1, 1, 1],
|
|
|
1098
|
+ type: "pictorialBar",
|
|
|
1099
|
+ barMaxWidth: "20",
|
|
|
1100
|
+ symbol: "none",
|
|
|
1101
|
+ },
|
|
|
1102
|
+ {
|
|
|
1103
|
+ // "data": [1500, 1148, 756, 1395, 1750, 1148],
|
|
|
1104
|
+ type: "pictorialBar",
|
|
|
1105
|
+ barMaxWidth: "20",
|
|
|
1106
|
+ symbolPosition: "end",
|
|
|
1107
|
+ symbol: "none",
|
|
|
1108
|
+ symbolOffset: [0, "-50%"],
|
|
|
1109
|
+ symbolSize: [30, 12],
|
|
|
1110
|
+ zlevel: 1
|
|
|
1111
|
+ },
|
|
|
1112
|
+ {
|
|
|
1113
|
+ data: count1,
|
|
|
1114
|
+ type: "bar",
|
|
|
1115
|
+ barMaxWidth: "auto",
|
|
|
1116
|
+ barWidth: 15,
|
|
|
1117
|
+ barGap: "-100%",
|
|
|
1118
|
+ itemStyle: {
|
|
|
1119
|
+ color: '#234caf'
|
|
|
1120
|
+ },
|
|
|
1121
|
+ zlevel: -1
|
|
|
1122
|
+ }, {
|
|
|
1123
|
+ data: [1, 1, 1, 1, 1, 1],
|
|
|
1124
|
+ type: "pictorialBar",
|
|
|
1125
|
+ barMaxWidth: "20",
|
|
|
1126
|
+ symbol: "none",
|
|
|
1127
|
+ symbolOffset: [0, "50%"],
|
|
|
1128
|
+ symbolSize: [30, 15],
|
|
|
1129
|
+ zlevel: -2
|
|
|
1130
|
+ }, {
|
|
|
1131
|
+ data: count1,
|
|
|
1132
|
+ type: "pictorialBar",
|
|
|
1133
|
+ barMaxWidth: "20",
|
|
|
1134
|
+ symbolPosition: "end",
|
|
|
1135
|
+ symbol: "circle",
|
|
|
1136
|
+ symbolOffset: [0, "-60%"],
|
|
|
1137
|
+ symbolSize: [15, 12],
|
|
|
1138
|
+ itemStyle: {
|
|
|
1139
|
+ color: '#234caf'
|
|
|
1140
|
+ },
|
|
|
1141
|
+ zlevel: -1
|
|
|
1142
|
+ },
|
|
|
1143
|
+ ]
|
|
|
1144
|
+ }
|
|
|
1145
|
+
|
|
|
1146
|
+ callSeatState.setOption(option);
|
|
|
1147
|
+
|
|
|
1148
|
+}
|
|
|
1149
|
+
|
|
954
|
1150
|
function getKeyInfo(keyid, n) {
|
|
955
|
1151
|
$('.keyInfo').html('');
|
|
956
|
1152
|
new doAjax({
|