Issue with Time Range visualization

[enordstrand]

Kibana version:
7.5.2

Elasticsearch version:
7.5.2

Server OS version:
Windows 10 Server

Browser version:
Chrome 79.0.3945.130

Browser OS version:
Windows 10

Original install method (e.g. download page, yum, from source, etc.):
Execute the .bat files through Windows Service, using NSSM for Logstash and Kibana.

Describe the bug:
Reffering to my post: https://discuss.elastic.co/t/issue-with-time-range-visualization/218370
Time Range does not seem to show the bars the correct way when using X-axis

Steps to reproduce:

1. Make Horizontal Bar graph visualisation as shown in the pictures in the link above.

Expected behavior:
Bars should be separated, and for each bar there should be a text bellow them showing each representative Time Range.

Screenshots (if relevant):
See forum post

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[majagrubic]

This refers to vertical bars visualization (if I understand correctly from the issue), not to horizontal bar visualization.
Reproducible on master.

[majagrubic]

This is the issue with sample logs index on master:

[majagrubic]

Chart data for the above vis:

{
  "id": "1",
  "rawId": "Sum of bytes-col-1-1",
  "label": "Sum of bytes",
  "values": [
    {
      "x": {
        "from": 1582714800000,
        "to": 1582718400000
      },
      "y": 0,
      "extraMetrics": [],
      "xRaw": {
        "table": {
          "columns": [
            {
              "id": "col-0-2",
              "name": "@timestamp date ranges",
              "meta": {
                "type": "date_range",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "@timestamp",
                  "ranges": [
                    {
                      "from": "now-2h/h",
                      "to": "now-1h/h"
                    },
                    {
                      "from": "now-1h/h",
                      "to": "now"
                    }
                  ]
                }
              }
            },
            {
              "id": "col-1-1",
              "name": "Sum of bytes",
              "meta": {
                "type": "sum",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "bytes"
                }
              }
            }
          ],
          "rows": [
            {
              "col-0-2": {
                "from": 1582714800000,
                "to": 1582718400000
              },
              "col-1-1": 0
            },
            {
              "col-0-2": {
                "from": 1582718400000,
                "to": 1582725159714
              },
              "col-1-1": 26139
            }
          ]
        },
        "column": 0,
        "row": 0,
        "value": {
          "from": 1582714800000,
          "to": 1582718400000
        }
      },
      "yRaw": {
        "table": {
          "columns": [
            {
              "id": "col-0-2",
              "name": "@timestamp date ranges",
              "meta": {
                "type": "date_range",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "@timestamp",
                  "ranges": [
                    {
                      "from": "now-2h/h",
                      "to": "now-1h/h"
                    },
                    {
                      "from": "now-1h/h",
                      "to": "now"
                    }
                  ]
                }
              }
            },
            {
              "id": "col-1-1",
              "name": "Sum of bytes",
              "meta": {
                "type": "sum",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "bytes"
                }
              }
            }
          ],
          "rows": [
            {
              "col-0-2": {
                "from": 1582714800000,
                "to": 1582718400000
              },
              "col-1-1": 0
            },
            {
              "col-0-2": {
                "from": 1582718400000,
                "to": 1582725159714
              },
              "col-1-1": 26139
            }
          ]
        },
        "column": 1,
        "row": 0,
        "value": 0
      },
      "parent": null,
      "series": "Sum of bytes",
      "seriesId": "Sum of bytes-col-1-1",
      "y0": 0
    },
    {
      "x": {
        "from": 1582718400000,
        "to": 1582725159714
      },
      "y": 26139,
      "extraMetrics": [],
      "xRaw": {
        "table": {
          "columns": [
            {
              "id": "col-0-2",
              "name": "@timestamp date ranges",
              "meta": {
                "type": "date_range",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "@timestamp",
                  "ranges": [
                    {
                      "from": "now-2h/h",
                      "to": "now-1h/h"
                    },
                    {
                      "from": "now-1h/h",
                      "to": "now"
                    }
                  ]
                }
              }
            },
            {
              "id": "col-1-1",
              "name": "Sum of bytes",
              "meta": {
                "type": "sum",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "bytes"
                }
              }
            }
          ],
          "rows": [
            {
              "col-0-2": {
                "from": 1582714800000,
                "to": 1582718400000
              },
              "col-1-1": 0
            },
            {
              "col-0-2": {
                "from": 1582718400000,
                "to": 1582725159714
              },
              "col-1-1": 26139
            }
          ]
        },
        "column": 0,
        "row": 1,
        "value": {
          "from": 1582718400000,
          "to": 1582725159714
        }
      },
      "yRaw": {
        "table": {
          "columns": [
            {
              "id": "col-0-2",
              "name": "@timestamp date ranges",
              "meta": {
                "type": "date_range",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "@timestamp",
                  "ranges": [
                    {
                      "from": "now-2h/h",
                      "to": "now-1h/h"
                    },
                    {
                      "from": "now-1h/h",
                      "to": "now"
                    }
                  ]
                }
              }
            },
            {
              "id": "col-1-1",
              "name": "Sum of bytes",
              "meta": {
                "type": "sum",
                "indexPatternId": "90943e30-9a47-11e8-b64d-95841ca0b247",
                "aggConfigParams": {
                  "field": "bytes"
                }
              }
            }
          ],
          "rows": [
            {
              "col-0-2": {
                "from": 1582714800000,
                "to": 1582718400000
              },
              "col-1-1": 0
            },
            {
              "col-0-2": {
                "from": 1582718400000,
                "to": 1582725159714
              },
              "col-1-1": 26139
            }
          ]
        },
        "column": 1,
        "row": 1,
        "value": 26139
      },
      "parent": null,
      "series": "Sum of bytes",
      "seriesId": "Sum of bytes-col-1-1",
      "y0": 0
    }
  ]
}

[enordstrand]

You're correct, this refers to vertical bars visualization.

Do I understand you correct that the issue has been confirmed and verified, or do you need any further information from me?

[majagrubic]

@enordstrand - confirmed and verified. I'm investigating into why this is happening.

[majagrubic]

Verified that ES response is correct (not sure if there was any doubt it wasn't).

 "aggregations": {
    "2": {
      "buckets": [
        {
          "1": {
            "value": 87756
          },
          "key": "2020-02-28T08:00:00.000Z-2020-02-28T09:00:00.000Z",
          "from": 1582876800000,
          "from_as_string": "2020-02-28T08:00:00.000Z",
          "to": 1582880400000,
          "to_as_string": "2020-02-28T09:00:00.000Z",
          "doc_count": 14
        },
        {
          "1": {
            "value": 336930
          },
          "key": "2020-02-28T09:00:00.000Z-2020-02-28T10:58:37.963Z",
          "from": 1582880400000,
          "from_as_string": "2020-02-28T09:00:00.000Z",
          "to": 1582887517963,
          "to_as_string": "2020-02-28T10:58:37.963Z",
          "doc_count": 54
        }
      ]
    }
  }