renderTreeMap()

in ui/angular/src/app/health/health.component.ts [122:174]

• 37 lines of code
• 1 McCabe index (conditional complexity)

  renderTreeMap(res) {
    var data = this.parseData(res);
    var option = {
      title: {
        text: "Data Quality Metrics Heatmap",
        left: "center",
        textStyle: {
          color: "white"
        }
      },
      backgroundColor: "transparent",
      tooltip: {
        formatter: function (info) {
          var dqFormat = info.data.dq > 100 ? "" : "%";
          if (info.data.dq)
            return [
              '<span style="font-size:1.8em;">' +
              info.data.sysName +
              " &gt; </span>",
              '<span style="font-size:1.5em;">' +
              info.data.name +
              "</span><br>",
              '<span style="font-size:1.5em;">dq : ' +
              info.data.dq.toFixed(2) +
              dqFormat +
              "</span>"
            ].join("");
        }
      },
      series: [
        {
          name: "System",
          type: "treemap",
          itemStyle: {
            normal: {
              borderColor: "#fff"
            }
          },
          levels: this.getLevelOption(),
          breadcrumb: {
            show: false
          },
          roam: false,
          nodeClick: "link",
          data: data,
          width: "95%",
          bottom: 0
        }
      ]
    };
    this.resizeTreeMap();
    this.chartOption = option;
  }