视频报表数据展示颜色调整

zxl

2025-04-17 d9b500f188ffa5dac2ac5d6a7231ba455da78906

 src/views/home/data-video/index.vue

@@ -91,7 +91,7 @@
    initChart(data) {
      const dataList = this.groupByData(data.list);
      const baseLine = data.baseLine == null ? 0 : data.baseLine;
      const colors = ['#5470C6', '#66CC99', '#EE6666'];
      const colors = ['#EE6666', '#66CC99', '#f8c87a'];
      option = {
        color: colors,
        tooltip: {
@@ -172,7 +172,7 @@
            axisLine: {
              show: true,
              lineStyle: {
                color: colors[0]
                color: '#5470C6'
              }
            },
            axisLabel: {
@@ -208,7 +208,9 @@
            name: '录像完整',
            yAxisIndex: 0,
            type: 'bar',
            data: data.list.map(item => {
            data:

              data.list.map(item => {
              return item['integrityNum'];
            })
          },
@@ -217,7 +219,12 @@
            type: 'bar',
            yAxisIndex: 0,
            data:  data.list.map(item => {
              return item['loseNum'];
              return {
                value: item['loseNum'],
                itemStyle:{
                  color: '#f8c87a',
                }
              }
            })
          },
          {
@@ -225,7 +232,11 @@
            type: 'bar',
            yAxisIndex: 0,
            data:  data.list.map(item => {
              return item['errNum'];
              return {
                value :item['errNum'],
                itemStyle:{
                  color: '#EE6666',
                }}
            })
          },