How to resize Mendix Heatmap cell size?

0
Hi, I am using the OOTB Mendix Heatmap widget, and I noticed that I can't resize: the dimensions (height & width) of the cell the space allocated for the X & Y Name Attributes Any tips appreciated. Guislain  
asked
4 answers
0

Hi you can do lots of styling & settings with the charts in advanced or developer mode.

See : https://charts102.mxapps.io/p/HeatMapDevMode for Mendix examples

With https://plot.ly/javascript/reference/ and https://github.com/mendixlabs/charts/blob/master/AdvancedCheatSheet.md

You can find a lot of the settings.

In your case using this JSON in the advanced options can set the spacing between cells for example:

{
  "xgap": 1,
  "ygap": 1

}

answered
0

Hi Maarten,

Thank you for the tip.

So I tried this Advanced configuration:

but it did not change anything.

Looking at the Toggle Editor in Developer mode:

{
  "font": {
    "family": "Open Sans",
    "size": 14,
    "color": "#555"
  },
  "autosize": true,
  "hovermode": "closest",
  "hoverlabel": {
    "bgcolor": "#888",
    "bordercolor": "#888",
    "font": {
      "color": "#FFF"
    }
  },
  "margin": {
    "l": 60,
    "r": 60,
    "b": 60,
    "t": 60,
    "pad": 10
  },
  "showarrow": false,
  "xaxis": {
    "fixedrange": true,
    "title": "Systems",
    "ticks": ""
  },
  "yaxis": {
    "fixedrange": true,
    "title": "IT Capabilities",
    "ticks": ""
  }
}

My questions are:

  • Should there be a category like :
    • "gap":
    • or "cell":
    • in front of:
{
  "xgap": 1,
  "ygap": 1
}
  • Which of the 3 options (I tried all 3) should the code snippet go into:
    • Layout
    • Configuration
    • Data

 

Thanks for the tip,

Guislain

answered
0

Hi Maarten,

So I am getting closer...

While the advanced Data configuration overwrite works:

the Layout configuration overwrites does not:

Why not?

Thanks,

Guislain

answered
0

Hi Maarten,

Got the Layout configuration to work:

That will be good enough for now.

Thanks again,

Guislain

answered