How to use the @antv/g2plot.Heatmap function in @antv/g2plot

To help you get started, we’ve selected a few @antv/g2plot examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github dotnetcore / HttpReports / src / HttpReports.Dashboard / UI / src / view / basic.vue View on Github external
load_service_call_heap(response) {

      var source = []; 

      response.body.data.heatMap.forEach((item) => {
        source.push({
          time: item.timeField,
          span: item.keyField,
          value: item.valueField,
        });
      });

      if (this.service_heatMap_chart == null) {
        this.service_heatMap_chart = new Heatmap(
          document.getElementById("service-call-heap"),
          {
            title: {
              visible: true,
              text: this.$store.state.lang.Index_Heatmap,
            },
            legend: {
              visible: false,
            },
            label: {
              visible: false,
            },
            xAxis: {
              type: "dateTime",
              label: {
                visible: true,