# Chart Variable Timeline X-Axis

**URL:** <https://discourse.nodered.org/t/chart-variable-timeline-x-axis/13945>\
**Category:** Dashboard\
**Created:** [2 August 2019 16:48 UTC](https://discourse.nodered.org/t/chart-variable-timeline-x-axis/13945 "2019-08-02T16:48:55Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [6 August 2019 15:07 UTC](https://discourse.nodered.org/t/chart-variable-timeline-x-axis/13945/14 "2019-08-06T15:07:24Z")

</div>

Yes, if configuration of axis is changed and that configuration does no carry color, it looks for default color and in chart it is actually #666  
It may be that dashboard tries to force some color but with some element changed, it does not be reflected.  
But it can be changed element by element  
For axis it needs to be something like this

EDIT: added colors of grid lines also

```auto
msg.ui_control = { 
    options: {
        scales: {
            xAxes: [{
                gridLines:{
                    color:'red',
                    zeroLineColor:'red'
                },
                type: 'time',
                ticks:{
                    fontColor:'white'
                },
                time: {
                    min: d
                }
            }],
            yAxes: [{
                gridLines:{
                    color:'red',
                    zeroLineColor:'red'
                },
                ticks: {
                    fontColor:'white',
                    suggestedMin: flow.get('chartprops').yaxis.min,
                    suggestedMax: flow.get('chartprops').yaxis.max
                }
            }]
        }
    }
}
return msg; 

```

---

_[View the full topic](https://discourse.nodered.org/t/chart-variable-timeline-x-axis/13945)._