[TSVB] color mismatch in 7.5.0

[TomonoriSoejima]

Kibana version: 7.5

Elasticsearch version: 7.5

Server OS version:

Browser version:

Version 78.0.3904.108 (Official Build) (64-bit)

Browser OS version:

Darwin nami.local 19.2.0 Darwin Kernel Version 19.2.0: Sat Nov 9 03:47:04 PST 2019; root:xnu-6153.61.1~20/RELEASE_X86_64 x86_64

Original install method (e.g. download page, yum, from source, etc.):

Describe the bug:

The color on the chart remains unchanged.

Steps to reproduce:

1. push the sample data to both 7.4.0 and 7.5.0
   data.zip

curl -H 'Content-Type: application/x-ndjson' -XPOST 'localhost:9200/_bulk?pretty' --data-binary @data.json

This will create an index named hotel.
So make an index pattern for that

2. create TSVB by mimicking the setting below
3. And drag around the DATA between CANADA, INDIA and JAPAN and note that the chart color appeared fix in pink which is the color of INDIA

Doing the same in 7.4.0 will change the color accordingly, thus it appears a bug in 7.5.0

Screenshots (if relevant):
See that the chart color is Yellow on the left (7.4.0) while it is Pink on the right (7.5.0).
I expected the both color to be Yellow for the chosen country CANADA

**Errors in browser console (if relevant):**

Provide logs and/or server output (if relevant):

Any additional context:

[elasticmachine]

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

[markov00]

Hi @TomonoriSoejima there was a change on the rendering library for the charts in TSVBV between 7.4 and 7.5.
The bug highlighted here is that the rendering order is not respected, it should respect the order of the series, instead it respect the order of the creation of the series:
for example if you create 3 series in sequence (A,B,C => green, red, blue) the last rendered series is the C and the prevalent color is blue (all the others are underneath with a small transparency). But then if you move the C-Blue series to the top (C,B,A) the rendering still keep the original order with the last series rendered blue.

In 7.4 the rendering shows happens in a bottom-up order (the first bar on the top of the list is rendered as the latest and will result on the top all all the others). In 7.5 the order is weirdly respected: the order is inverted and, if manually sorted, it keep using the creation order.

[markov00]

I've just checked that, refreshing the page, the order of the series is then correctly respected (still the inverse of the one in 7.4)

[timroes]

@markov00 The linked PR states that this should be fixed in elastic-charts. Do you know if this is fixed already and can be closed?

[TomonoriSoejima]

Yes we can close this!