# Dashboard UI Chart Legend Font SIze

**URL:** <https://discourse.nodered.org/t/dashboard-ui-chart-legend-font-size/11112>\
**Category:** Dashboard\
**Created:** [14 May 2019 10:33 UTC](https://discourse.nodered.org/t/dashboard-ui-chart-legend-font-size/11112 "2019-05-14T10:33:53Z")\
**Posts on this page:** 1\
**Showing post:** 24

<div class="post-metadata">

**Author:** ![Simon01011](https://avatars.discourse-cdn.com/v4/letter/s/e68b1a/32.png) [@Simon01011](https://discourse.nodered.org/u/Simon01011)\
**Post date:** [9 March 2021 14:20 UTC](https://discourse.nodered.org/t/dashboard-ui-chart-legend-font-size/11112/24 "2021-03-09T14:20:44Z")

</div>

Hi!

Sorry for digging out this old thread, but I'm interested in customising my chart. I followed the suggestions here but I'm stuck. Maybe an image first:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/b/bbc6efd38d7b0d6adc2ef5a0a51b8afdf9463569.png)  
Depending on the multistate switch I display the data. But I want to adjust the x-axis labels depending on the time interval. For the case in the image I'd like to have tick labels every 10 minutes. I tried:

```auto
{
    "options": {
        "scales": {
            "xAxes": [
                {
                    "type": "time",
                    "time": {
                        "displayFormats": {
                            "millisecond": "HH:mm",
                            "second": "HH:mm",
                            "minute": "HH:mm",
                            "hour": "HH",
                            "day": "MMM D"
                        },
                        "unit": "minute",
                        "stepSize": 10
                    },
                    "ticks": {
                        "display": true,
                        "fontSize": 11,
                        "maxRotation": 50
                    },
                    "gridLines": {
                        "display": false,
                        "drawBorder": false,
                        "drawOnChartArea": true,
                        "drawTicks": true,
                        "tickMarkLength": 5
                    }
                }
            ]
        },
        "legend": {
            "display": true
        }
    }
}

```

How do I tell the chart to show me tick labels every 10 minutes? I thought that

```auto
"stepSize": 10

```

was the option I needed, but it doesn't have an effect. Even if I use 1 or 1000. There must be something I didn't quite understand in the docs, can somebody give me a hint please? Thanks in advance!

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-ui-chart-legend-font-size/11112)._