大屏

liuying

2024-11-11 62ec1f19c3444695e21f1fe97472261ce3082075

 yiqi_screen/src/components/QualityDataTrends.vue

@@ -1,5 +1,5 @@
<template>
    <div class="box-container" style="height: 1.52rem" id="echarts3"></div>
    <div class="box-container echarts3Box" id="echarts3"></div>
</template>
      
      <script>
@@ -21,9 +21,9 @@
        data: [],
      },
      grid: {
        left: 13,
        right: 13,
        top: 20,
        left: 33,
        right: 33,
        top: 55,
        bottom:5,
      },
      yAxis: {
@@ -35,15 +35,16 @@
          data: [],
          type: "line",
          //   symbol:'none',
          symbolSize: 0,
          // symbolSize: 0,
          lineStyle: {
            color: "#fff",
            color: "#7b8fe6",
          },
          itemStyle: {
            normal: {
              label: {
                show: true,
                color: "#fff",
               
                color: "#7b8fe6",
              },
            },
          },
@@ -64,7 +65,6 @@
        xData.push(item.workPieceID)
        yData.push(item.qualityDataVaule)
      });
      // console.log(xData,yData,this,'x,y');
      this.$set(this.option.xAxis,'data',xData)
      this.$set(this.option.series[0],'data',yData)
      this.myChart.setOption(this.option);
@@ -141,4 +141,10 @@
</script>
      
      <style>
   .echarts3Box{
    height: 150px !important;
    /* background-color: #040d3d; */
    /* width: 96%; */
    margin: 0 auto;
   }
</style>