fix: 修改图例组件

src/components/LegendLabel/index.vue

@@ -1,6 +1,6 @@
 <template >
   <div class="legend-label">
-    <LegendItem v-for="(item,index) in data"
+    <LegendItem v-for="(item,index) in reverse ? data.reverse() : data"
       :color="item.color || item.itemStyle.color"
       :name="item.name"
       :percent="item.value / total * 100"
@@ -46,6 +46,10 @@ export default {
     data: {
       type: Array,
       default: () => []
+    },
+    reverse: {
+      type: Boolean,
+      default: false
     }
   },
   data() {

src/views/main/modules/left/DeviceStateChart.vue

@@ -1,7 +1,7 @@
 <template >
   <div class="device-state">
     <VChart class="chart" autoresize :option="options"/>
-    <LegendLabel class="legend" :data="data"/>
+    <LegendLabel reverse class="legend" :data="data"/>
   </div>
 </template>