严智鑫
2025-03-13 faa3b0410410415c4ad788c7e0955ef97158df2e
UI-Project/src/views/KanbanDisplay/kanbanDisplay.vue
@@ -8,19 +8,7 @@
<script>
export default {
  mounted() {
    this.drawLineChart('drawLineChart_day1', 1);
    this.drawLineChart('drawLineChart_day2', 1);
    this.drawLineChart('drawLineChart_day3', 1);
    this.drawLineChart('drawLineChart_day4', 1);
    this.drawLineChart('drawLineChart_day5', 1);
    //this.drawLineChart('drawLineChart_week', 1);
    this.drawBarchart('drawBarchart', 1);
  },
  methods: {
    //方法
    drawLineChart(name, data) {
      var myChart = echarts.init(document.getElementById(name));
      myChart.setOption({ // 绘制图表
    const OptionDay={ // 绘制图表
        title: {
          text: '产量看板示例'
        },
@@ -94,7 +82,32 @@
          }
        ]
      });
      }
     this.drawDay('drawLineChart_day11',OptionDay, 1);
    // this.drawLineChart('drawLineChart_day11', 1);
    // this.drawLineChart('drawLineChart_day21', 1);
    // this.drawLineChart('drawLineChart_day31', 1);
    // this.drawLineChart('drawLineChart_day41', 1);
    // this.drawLineChart('drawLineChart_day51', 1);
    //this.drawLineChart('drawLineChart_week', 1);
    //this.drawBarchart('drawBarchart', 1);
  },
  methods: {
    //方法
    draw(name, Option,data) {
      var myChart = echarts.init(document.getElementById(name));
      myChart.setOption(Option);
    },
    drawDay(name, Option,data) {
      Option.title.text="日看板";
      console.log(Option);
      this.draw(name, Option,data);
    },
    drawLineChart(name, Option,data) {
      console.log(name);
      console.log(data);
      var myChart = echarts.init(document.getElementById(name));
      myChart.setOption(Option);
    },
    drawBarchart(name, data) {
      var myChart = echarts.init(document.getElementById(name));