# Change axis color in time series visual builder **URL:** \ **Category:** Kibana\ **Created:** [March 27, 2020, 11:39pm UTC](https://discuss.elastic.co/t/change-axis-color-in-time-series-visual-builder/225472 "2020-03-27T23:39:20Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![jogabonito](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jogabonito/32/56737_2.png) [@jogabonito](https://discuss.elastic.co/u/jogabonito)\ **Post date:** [March 27, 2020, 11:39pm UTC](https://discuss.elastic.co/t/change-axis-color-in-time-series-visual-builder/225472/1 "2020-03-27T23:39:20Z")
Hi, I would like to change the axis color on my time series visual builder. Is this possible? Using Timelion visualization I can do it but I want to use the "time series visual builder" visualization. while using the white theme the axis color is grey and is hard to read. I have tried going into the code of the visualization using Saved object and Inspected the visualization but here I can only find color-codes on the graphs and not the axis.. Here is the code of the visualization: { "title": "1.Graf", "type": "metrics", "params": { "id": "61ca57f0-469d-11e7-af02-69e470af7417", "type": "timeseries", "series": [ { "id": "61ca57f1-469d-11e7-af02-69e470af7417", "color": "rgba(0,156,224,1)", "split\_mode": "everything", "metrics": [ { "id": "61ca57f2-469d-11e7-af02-69e470af7417", "type": "sum", "field": "totalUsage" } ], "separate\_axis": 0, "axis\_position": "left", "formatter": "number", "chart\_type": "line", "line\_width": "5", "point\_size": "5", "fill": "0.4", "stacked": "none", "label": "Totalforbruk [m3]", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "date", "split\_color\_mode": "gradient", "type": "timeseries", "series\_interval": "1d", "series\_drop\_last\_bucket": 0 }, { "id": "d5bc6d60-630a-11ea-9d18-07f7f37b3b8b", "color": "rgba(115,255,246,1)", "split\_mode": "everything", "metrics": [ { "id": "d5bc9470-630a-11ea-9d18-07f7f37b3b8b", "type": "avg", "field": "lastTemperatureWaterValue" } ], "separate\_axis": 1, "axis\_position": "right", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "label": "Vann temperatur (Målere) [°C]", "type": "timeseries", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "lastTemperatureWaterUtc", "axis\_min": "-25", "axis\_max": "40", "series\_interval": "1d" }, { "id": "d6e36130-630a-11ea-9d18-07f7f37b3b8b", "color": "rgba(226,115,0,1)", "split\_mode": "everything", "metrics": [ { "id": "d6e36131-630a-11ea-9d18-07f7f37b3b8b", "type": "avg", "field": "lastTemperatureAirValue" } ], "separate\_axis": 1, "axis\_position": "right", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "label": "Lufttemperatur (Målere) [°C]", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "lastTemperatureAirUtc", "type": "timeseries", "axis\_min": "-25", "axis\_max": "40", "series\_interval": "1d" }, { "id": "46af5ff0-630b-11ea-9d18-07f7f37b3b8b", "color": "rgba(211,49,21,1)", "split\_mode": "filter", "metrics": [ { "id": "46af5ff1-630b-11ea-9d18-07f7f37b3b8b", "type": "count" } ], "separate\_axis": 0, "axis\_position": "left", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "date", "terms\_size": "15", "terms\_field": "lastAlarmCode.keyword", "label": "Alarmcode 0 - Burst", "split\_color\_mode": "gradient", "value\_template": "{{value}}", "terms\_order\_by": "\_count", "axis\_min": "0", "axis\_max": "2000", "series\_interval": "1d", "steps": 0, "filter": { "query": "lastAlarmCode : 0", "language": "kuery" }, "terms\_include": ""0"" }, { "id": "7514b470-630c-11ea-9d18-07f7f37b3b8b", "color": "rgba(252,220,0,1)", "split\_mode": "filter", "metrics": [ { "id": "7514b471-630c-11ea-9d18-07f7f37b3b8b", "type": "count" } ], "separate\_axis": 0, "axis\_position": "left", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "label": "Alarmcode 1 - Dry", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "date", "split\_filters": [ { "color": "rgba(171,20,158,1)", "id": "f17fe6b0-630c-11ea-9d18-07f7f37b3b8b", "filter": { "query": "", "language": "kuery" } } ], "filter": { "query": "lastAlarmCode : 1", "language": "kuery" }, "series\_interval": "1d", "axis\_max": "2000", "axis\_min": "0" }, { "id": "78c20500-630c-11ea-9d18-07f7f37b3b8b", "color": "rgba(250,40,255,1)", "split\_mode": "filter", "metrics": [ { "id": "78c20501-630c-11ea-9d18-07f7f37b3b8b", "type": "count" } ], "separate\_axis": 0, "axis\_position": "left", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "label": "Alarmcode 2 - Leak + Burst", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "date", "split\_filters": [ { "filter": { "query": "", "language": "kuery" }, "label": "", "color": "rgba(250,40,255,1)", "id": "f070c0a0-630c-11ea-9d18-07f7f37b3b8b" } ], "type": "timeseries", "filter": { "query": "lastAlarmCode : 2", "language": "kuery" }, "series\_interval": "1d", "axis\_max": "2000", "axis\_min": "0" }, { "id": "79202a90-630c-11ea-9d18-07f7f37b3b8b", "color": "rgba(164,221,0,1)", "split\_mode": "filter", "metrics": [ { "id": "79202a91-630c-11ea-9d18-07f7f37b3b8b", "type": "count" } ], "separate\_axis": 0, "axis\_position": "left", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "label": "Alarmcode 3 - Leak", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "date", "split\_filters": [ { "color": "rgba(164,221,0,1)", "id": "ef68ed90-630c-11ea-9d18-07f7f37b3b8b", "filter": { "query": "", "language": "kuery" } } ], "filter": { "query": "lastAlarmCode : 3", "language": "kuery" }, "series\_interval": "1d", "axis\_min": "0", "axis\_max": "2000" }, { "id": "8c2f02f0-630c-11ea-9d18-07f7f37b3b8b", "color": "rgba(104,204,202,1)", "split\_mode": "filter", "metrics": [ { "id": "8c2f02f1-630c-11ea-9d18-07f7f37b3b8b", "type": "count" } ], "separate\_axis": 0, "axis\_position": "left", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "label": "Alarmcode 4 - Reverse", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-dummydata-standardmodell", "series\_time\_field": "date", "split\_filters": [ { "color": "rgba(174,161,255,1)", "id": "ee29b6d0-630c-11ea-9d18-07f7f37b3b8b", "filter": { "query": "", "language": "kuery" } } ], "filter": { "query": "lastAlarmCode : 4", "language": "kuery" }, "series\_interval": "1d", "axis\_min": "0", "axis\_max": "2000" }, { "id": "1f52faa0-675e-11ea-a912-9d611185f582", "color": "rgba(253,161,255,1)", "split\_mode": "filter", "metrics": [ { "id": "1f52faa1-675e-11ea-a912-9d611185f582", "type": "avg", "field": "temperatur" } ], "separate\_axis": 1, "axis\_position": "right", "formatter": "number", "chart\_type": "line", "line\_width": "3", "point\_size": 1, "fill": "0", "stacked": "none", "label": "Lufttemperatur (MET) [°C]", "type": "timeseries", "override\_index\_pattern": 1, "series\_index\_pattern": "sesam-klimadata\*", "series\_time\_field": "dato", "split\_filters": [ { "color": "#68BC00", "id": "2b7ed2e0-675e-11ea-a912-9d611185f582", "filter": { "query": "", "language": "kuery" } } ], "filter": { "query": "bruksomraade.keyword : "Hvaler" ", "language": "kuery" }, "series\_interval": "1h" } ], "time\_field": "", "index\_pattern": "", "interval": "1M", "axis\_position": "left", "axis\_formatter": "number", "axis\_scale": "normal", "show\_legend": 1, "show\_grid": 1, "default\_index\_pattern": "sesam-dummydata-standardmodell", "default\_timefield": "date", "isModelInvalid": false }, "aggs": } ---
**Author:** ![mikecote](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/mikecote/32/58549_2.png) [@mikecote](https://discuss.elastic.co/u/mikecote)\ **Post date:** [March 30, 2020, 1:01pm UTC](https://discuss.elastic.co/t/change-axis-color-in-time-series-visual-builder/225472/2 "2020-03-30T13:01:20Z")
Hi @jogabonito, It looks like the colors for the axis are hard coded without a workaround at this time. Feel free to create a new enhancement request in the Kibana repository if Timelion doesn't work for you: [https://github.com/elastic/kibana/issues/new/choose](https://github.com/elastic/kibana/issues/new/choose). ---
**Author:** ![jogabonito](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jogabonito/32/56737_2.png) [@jogabonito](https://discuss.elastic.co/u/jogabonito)\ **Post date:** [April 20, 2020, 1:45am UTC](https://discuss.elastic.co/t/change-axis-color-in-time-series-visual-builder/225472/3 "2020-04-20T01:45:46Z")
Thanks @mikecote I will post a new request on github ---
**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\ **Post date:** [May 18, 2020, 1:45am UTC](https://discuss.elastic.co/t/change-axis-color-in-time-series-visual-builder/225472/4 "2020-05-18T01:45:47Z")
This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.