7. General Design — Range Column
In this step, the Range Column widget's chart-level visual settings are configured: title, legend, tooltip, X/Y axis titles, plot area, zoom behavior, trackball. The Y axis Min/Max setting is particularly important for Range Column — if the range values are concentrated in a specific band, the axis may automatically narrow-zoom too much.
Wizard route: /cartography/add/generaldesign
Prerequisite
Steps 1-4 of the Range Column flow must be completed (5 and 6 are skipped).
1. Screen Layout
2. Chart Title
| Field | Description |
|---|---|
| Show Title | Title visibility (toggle) |
| Title Text | Title text |
| Title Color | Text color |
| Title Font Size | Font size (px) |
| Title Font Weight | Normal / Bold / SemiBold |
| Title Background Color | Background color |
| Title Border Color | Border color |
| Title Border Width | Border thickness (px) |
| Title Alignment | Left / Center / Right |
3. Legend
The legend is only meaningful if you used a Color By Column — it becomes the key for the categorical colors. If there is no Color By, the legend can be turned off.
| Field | Description |
|---|---|
| Show Legend | Keep on if Color By is used |
| Legend Position | top / bottom / left / right |
| Legend Text Color | Text color |
| Legend Font Size | Font size (px) |
| Legend Font Weight | Normal / Bold |
| Legend Overflow Mode | wrap / scroll |
Legend Off When No Color By
If Range Column is used with a single color, the legend shows an empty item — turn it off.
4. Tooltip
In Range Column, the tooltip shows the low and high values of each bar.
| Field | Description |
|---|---|
| Show Tooltip | Tooltip visibility |
| Tooltip Background Color | Background color |
| Tooltip Border Color | Border color |
| Tooltip Border Width | Border thickness (px) |
| Tooltip Text Alignment | Text alignment |
| Tooltip Text Color | Text color |
| Tooltip Font Size | Font size (px) |
| Tooltip Font Weight | Normal / Bold |
Range Column Tooltip is Useful
Showing both values on hover — e.g., "Min: 65 °C, Max: 92 °C" — gives the operator the full range. Keep Show Tooltip on at all times.
5. X Axis
| Field | Description | Unit |
|---|---|---|
| X Axis Name | Axis title | text |
| X Axis Title Font Size | Axis title font size | px |
| X Axis Label Font Size | Tick label font size | px |
| X Axis Interval | Tick interval | number |
| X Axis Minimum | Minimum value | number / date |
| X Axis Maximum | Maximum value | number / date |
6. Y Axis (Critical for Range Column)
The Y axis Min/Max manual setting is important for Range Column — if values are concentrated in a specific band, automatic zoom narrows the bars too much.
| Field | Description | Unit |
|---|---|---|
| Y Axis Name | Axis title (e.g., "Temperature", "Pressure") | text |
| Y Axis Label Suffix | Unit (°C, bar, %) |
text |
| Y Axis Title Font Size | Axis title font size | px |
| Y Axis Label Font Size | Tick label font size | px |
| Y Axis Interval | Tick interval | number |
| Y Axis Minimum | Minimum value (pinning recommended) | number |
| Y Axis Maximum | Maximum value (pinning recommended) | number |
Y Min/Max Pinning — Important for Range Column
If the temperature range is 60-95°C, pin Y Min=50, Max=100. Otherwise the chart auto-zooms to 60-95 and the bars fill the entire chart height. A fixed range preserves the operator's reference point.
7. Plot Area
| Field | Description | Unit |
|---|---|---|
| Plot Area Border Width | Drawing area border thickness | px |
| Plot Area Background Color | Drawing area background color | color |
8. Zoom
| Field | Description |
|---|---|
| Pinch Zoom | Zoom with pinch (toggle) |
| Pan Mode | X / Y / XY pan |
| Zoom Mode | X / Y / XY zoom |
9. Trackball
| Field | Description | Unit |
|---|---|---|
| Trackball Line Width | Trackball line thickness | px |
| Trackball Tooltip Font Size | Trackball tooltip font size | px |
10. Confirmation
When you click the Next button at the top right, flow.hasGeneralDesign = true is marked.