#

luxiaotao1123

2023-08-01 adcaf4a40eb760a760810d11af7887969d82699e

#

 src/components/datav/cards.vue

@@ -2,7 +2,7 @@
  <div id="cards">
    <div class="chart-name">
      设备故障月趋势
      <dv-decoration-3 style="width:200px;height:20px;" />
      <dv-decoration-3 style="width:120px;height:20px;" />
    </div>
    <dv-charts :option="option" />
  </div>
@@ -35,7 +35,7 @@
          orient: 'vertical'
        },
        xAxis: {
          name: '第一周',
          // name: '第一周',
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
          nameTextStyle: {  // 轴标题
            fill: '#fff',
@@ -55,6 +55,7 @@
        },
        yAxis: {
          name: '销售额',
          position: 'right',
          data: 'value',
          nameTextStyle: {  // 轴标题
            fill: '#fff',
@@ -120,12 +121,12 @@
  border-top: 2px solid rgba(1, 153, 209, .5);
  box-shadow: 0 0 3px blue;
  box-sizing: border-box;
  padding: 0px 30px;
  padding: 0 0 0 50px;
  position: relative;

  .chart-name {
    position: absolute;
    right: 70px;
    left: 30px;
    text-align: right;
    font-size: 20px;
    top: 10px;