设置label显示在连接线上面

yangfeng

2023-12-02 c4a40faeb16c08e033f0a4395eb18475385c8bbe

设置label显示在连接线上面

 src/views/cockpitPage/components/MachineStartupRate.vue

@@ -71,6 +71,7 @@
              label: {
                color: "#01f7fd",
                fontSize: 14,
                padding: [0, -60],
                formatter: function (params) {
                  return `{a|${params.name}} {b|${params.value + "%"}}`;
                },
@@ -94,8 +95,13 @@
              },
              labelLine: {
                show: true,
                length: 50,
                length: 40,
                color: "blue",
                length2: 70,
              },
              labelLayout: {
                verticalAlign: "bottom",
                dy: -5,
              },
              data: data,
            },

 src/views/cockpitPage/components/PerSonnelProductivity.vue

@@ -234,8 +234,8 @@
              label: {
                normal: {
                  position: "outer",
                  paddding: [-100, 70],

                  // paddding: [-100, 70],
                  padding: [0, -55],
                  color: "#01f7fd",
                  fontSize: 12,
                  borderWidth: 20,
@@ -256,12 +256,16 @@
              },
              labelLine: {
                show: true,
                length: 20,
                length2: 10,
                length: 5,
                length2: 70,
                lineStyle: {
                  color: "#dcb018",
                },
              },
              labelLayout: {
                verticalAlign: "bottom",
                dy: -5,
              },
              data: data,
            },
          ],