软件工程应用于实践：AJ-Report项目 源码分析（5）

2021SC@SDUSC

本次分析的是report-ui\src\views\report\bigscreen\designer\widget\bar中的代码

<script>
export default {
  name: "WidgetBarCompareChart",
  components: {},
  props: {
    value: Object,
    ispreview: Boolean
  },
  data() {
    return {
      options: {
        title: {
          x: 'center',
          textStyle: {
            color: '#ffffff',
          },
        },
        grid: [
          {
            show: false,
            left: '4%',
            top: 60,
            bottom: 10,
            containLabel: true,
            width: '40%'
          },
          {
            show: false,
            left: '50.5%',
            top: 60,
            bottom: 25,
            width: '0%'
          },
          {
            show: false,
            right: '4%',
            top: 60,
            bottom: 10,
            containLabel: true,
            width: '40%'
          },
        ],
        legend: {
          textStyle: {
            color: '#fff',
            textAlign: 'center'
          },
        },
        xAxis: [
          {
            splitNumber: 2,
            type: 'value',
            inverse: true,
            axisLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            position: 'bottom',
            axisLabel: { 
              show: true,
              textStyle: {
                color: '#ffffff',
                fontSize: 12
              }
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: '#57617f',
                width: 1,
                type: 'solid'
              }
            }
          },
          {
            gridIndex: 1,
            show: false,
          },
          {
            gridIndex: 2,
            type: 'value'