---
title: 'Tree Map Charts'
url: 'https://manuals.remository.com/plotalot/charts/tree-map-charts'
markdown: 'https://manuals.remository.com/plotalot/charts/tree-map-charts.md'
date: '2026-10-06'
description: 'Tree map charts are interactive. Left clicking on a node displays its child nodes. Right clicking moves back up the tree. QueryRequirements Column 1: Text - name Column 2: Text - parent Column 3: Text - size Column 4: Text - (optional) colour …'
taxonomy:
  category:
    - docs
---

[](#) [ edit this page](https://github.com/getgrav/grav-skeleton-rtfm-site/blob/develop/pages/06.charts/14.tree-map-charts/docs.md) 

  [ Plotalot for Joomla ](https://manuals.remository.com/plotalot/)     [ Charts ](https://manuals.remository.com/plotalot/charts)      Tree Map Charts    

# Tree Map Charts

![img-038](https://manuals.remository.com/plotalot/user/pages/06.charts/14.tree-map-charts/img-038.png "img-038")

Tree map charts are interactive. Left clicking on a node displays its child nodes. Right clicking moves back up the tree.

| Query Requirements | **Column 1: Text - name  Column 2: Text - parent  Column 3: Text - size  Column 4: Text - (optional) colour**   The query must return at least the first three columns, the fourth is optional. The root node should have a blank parent column. |
|---|---|
| Multiple Plots | **No** |
| Axis Overrides | **No** |
| Data Formatting | **No** |
| Extra Columns | **No**  The Google Charts API does allow custom tooltips but they are not supported by Plotalot for this chart type. |

 [ ](https://manuals.remository.com/plotalot/charts/organisation-charts) [](https://manuals.remository.com/plotalot/charts/geo-charts)

---

## Navigation

- Parent: [Charts](https://manuals.remository.com/plotalot/charts.md)
- Previous: [Organisation Charts](https://manuals.remository.com/plotalot/charts/organisation-charts.md)
- Next: [Geo Charts](https://manuals.remository.com/plotalot/charts/geo-charts.md)