treeMap: function()

in kystudio/src/util/charts.js [78:155]
76 lines of code
2 McCabe index (conditional complexity)

  treeMap: function (_this, data, formatUtil, options = {}) {
    return {
      grid: {
        width: '100%',
        height: '100%'
      },
      tooltip: {
        formatter: (info) => {
          let capacity = info.data.capacity
          let treePathInfo = info.treePathInfo
          let treePath = []

          for (let i = 1; i < treePathInfo.length; i++) {
            treePath.push(treePathInfo[i].name)
          }
          return [
            '<div class="tooltip-title">' + _this.$t('projectNameByTreeMap') + formatUtil.encodeHTML(treePath.join('/')) + '</div>',
            _this.$t('usedCapacityByTreeMap') + capacity
          ].join('')
        }
      },
      series: [
        {
          type: 'treemap',
          // visibleMin: 500,
          width: '100%',
          height: '100%',
          top: 0,
          left: 0,
          label: {
            show: true,
            formatter: '{b}',
            position: [10, 10]
          },
          itemStyle: {
            borderColor: '#fff'
          },
          breadcrumb: {
            show: false
          },
          tooltip: {
            backgroundColor: '#fff',
            textStyle: {
              color: '#323232'
            },
            extraCssText: 'box-shadow:0px 0px 6px 0px rgba(229,229,229,1),0px 2px 4px 0px rgba(229,229,229,1);'
          },
          roam: false,
          nodeClick: false,
          levels: [
            {
              colorSaturation: [0.85, 0.65],
              itemStyle: {
                color: '#3AA0E5',
                borderWidth: 0,
                gapWidth: 3
              }
            },
            {
              itemStyle: {
                gapWidth: 1
              }
            },
            {
              colorSaturation: [0.85, 0.65],
              itemStyle: {
                color: '#3AA0E5',
                gapWidth: 1,
                borderColorSaturation: 0.6
              }
            }
          ],
          data: data
        }
      ],
      ...options
    }
  }