修改问题

src/views/govern/device/control/tabs/components/harmonicSpectrum.vue

@@ -1,4 +1,4 @@
-<!-- 谐波频谱 -->
+<!-- 实时数据页面 -->
 <template>
     <div class="harmonic" :style="heightTop">
         <div class="harmonic_select">
@@ -275,14 +275,14 @@ const init = () => {
     searchForm.value.index.map((item: any, index: any) => {
         item?.children.map((vv: any, vvs: any) => {
             if (mqttMessage.value[vv.name]) {
-                console.log(
-                    mqttMessage.value[vv.name],
-                    '这是一个哥哥哥哥哥哥哥哥还是哈哈',
-                    mqttMessage.value.dataTime,
-                    vvs,
-                    index,
-                    vv.name
-                )
+                // console.log(
+                //     mqttMessage.value[vv.name],
+                //     '这是一个哥哥哥哥哥哥哥哥还是哈哈',
+                //     mqttMessage.value.dataTime,
+                //     vvs,
+                //     index,
+                //     vv.name
+                // )
                 item.linesList = []
                 item?.data.push({
                     time: mqttMessage.value.dataTime,
@@ -384,7 +384,7 @@ const init = () => {
         searchForm.value.index.length == 3
             ? (height = mainHeight(275, 3).height)
             : (height = mainHeight(275, searchForm.value.index.length).height)
-        item.children.map((zz: any) => {
+        item.children.map((zz: any,zzIndex:any) => {
             item.echartsData.options.legend.data.push(zz.phase)
             item.echartsData.options.series.push({
                 name: zz.phase,
@@ -393,9 +393,14 @@ const init = () => {
                 barMaxWidth: 24, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
                 itemStyle: {
                     // normal: {
-                    barBorderRadius: [3, 3, 0, 0]
+                    barBorderRadius: [3, 3, 0, 0],
+                    color:['#DAA520', '#2E8B57', '#A52a2a', '#000'][zzIndex],
                     // color: '#00CC99'
                     // }e
+                    // 修改线条颜色
+                    // lineStyle: {
+                    //     color: ['#DAA520', '#2E8B57', '#A52a2a', '#000'][index]
+                    // }
                 },
                 data: zz.data,
                 smooth: true, // 这里设置平滑曲线