yangfeng
2023-12-06 6d040980c2b178241841ef335d4f70cbdb467d4b
src/views/cockpitPage/components/PerSonnelProductivity.vue
@@ -84,6 +84,9 @@
              show: false,
              startValue: this.startValue, // 从头开始
              endValue: this.endValue, // 一次性展示几个
              zoomOnMouseWheel: false,
              moveOnMouseWheel: true,
              moveOnMouseMove: true,
            },
          ],
          legend: {
@@ -163,6 +166,9 @@
                textStyle: {
                  color: "#00FFFF",
                },
                formatter: function (value) {
                  return `${value}%`;
                },
              },
            },
          ],
@@ -174,7 +180,21 @@
              label: {
                show: true,
                position: "right",
                color: "#00FFFF",
                formatter: function (params) {
                  if (params.dataIndex % 2 == 0) {
                    return `{a|${params.value}%}`;
                  } else {
                    return `{b|${params.value}%}`;
                  }
                },
                rich: {
                  a: {
                    color: "#00FFFF",
                  },
                  b: {
                    color: "#dcb018",
                  },
                },
              },
              itemStyle: {
                normal: {
@@ -265,7 +285,11 @@
                  borderWidth: 5,
                  borderRadius: 4,
                  formatter: function (params) {
                    return `{a|${params.name}} {b|${params.value + "%"}}`;
                    let label =
                      params.name.length > 5
                        ? `${params.name.slice(0, 4)}...`
                        : params.name;
                    return `{a|${label}} {b|${params.value + "%"}}`;
                  },
                  rich: {
                    a: {
@@ -290,7 +314,7 @@
              labelLine: {
                show: true,
                length: 4,
                length2: 80,
                length2: 70,
                lineStyle: {
                  color: "#dcb018",
                },
@@ -317,7 +341,7 @@
<style scoped lang="scss">
.bar-chart {
  width: 100%;
  height: calc(100% - 20px);
  height: calc(100% - 10px);
  padding: 20px 0 0;
  .bar-contents {