# Canvas timelion multiple lines

**URL:** https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473
**Category:** Kibana
**Tags:** canvas
**Created:** [July 16, 2020, 1:55pm UTC](https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473 "2020-07-16T13:55:12Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Hugo\_Pires](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/hugo_pires/32/68069_2.png) [@Hugo\_Pires](https://discuss.elastic.co/u/Hugo_Pires)
#### Post date: [July 16, 2020, 1:55pm UTC](https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473/1 "2020-07-16T13:55:12Z")

</div>

Hello

I am trying to use timelion on a canvas line chart, but when I use multiple lines like:

```
.es(index=ict*,timefield=time_start_ts, metric='count'), .es(index=ict*,timefield=time_start_ts, metric='count', offset=-1d)

```

I get some sort of straight line joining last point of one series with the first of the other series.

Could you help me?

Thank you

Hugo

---

<div class="post-metadata">

### Author: ![markov00](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/markov00/32/33316_2.png) [@markov00](https://discuss.elastic.co/u/markov00)
#### Post date: [August 13, 2020, 8:37am UTC](https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473/2 "2020-08-13T08:37:25Z")

</div>

Hi @Hugo_Pires, sorry for the late reply, have you solved your issue?  
If not could you please report the Kibana version you are using and if possible a screenshot?

---

<div class="post-metadata">

### Author: ![Hugo\_Pires](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/hugo_pires/32/68069_2.png) [@Hugo\_Pires](https://discuss.elastic.co/u/Hugo_Pires)
#### Post date: [August 13, 2020, 1:01pm UTC](https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473/3 "2020-08-13T13:01:21Z")

</div>

Thank you @markov00.  
I didn't solve the issue. Kibana version is 7.8

Here is a screenshot

 ![timelion_chart](https://us1.discourse-cdn.com/elastic/original/3X/e/f/ef83ce691d4bd5c865cec5b42176de220d974b7d.png)

---

<div class="post-metadata">

### Author: ![markov00](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/markov00/32/33316_2.png) [@markov00](https://discuss.elastic.co/u/markov00)
#### Post date: [August 13, 2020, 1:56pm UTC](https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473/4 "2020-08-13T13:56:44Z")

</div>

Thanks for the screenshot, I've tested it locally, and seems that this behaviour is caused because you didn't assigned a `Color` measure to the line chart element:  
 ![Screenshot 2020-08-13 at 15.52.54](https://us1.discourse-cdn.com/elastic/original/3X/3/5/35f73ffc6cbee294de1d87ae3ecf9bf2be562ccb.png)

this is because, using timelion in the way you are doing, just merge both dataset without distinguish the two series.  
You have to add a label for each series like:

```auto
.es(index=ict*,timefield=time_start_ts, metric='count').label('current'), 
.es(index=ict*,timefield=time_start_ts, metric='count', offset=-1d).label('offset')

```

and add the `Color` measure based on the `label` field. This will create two line series that will show correctly the data you requested

---

<div class="post-metadata">

### Author: ![Hugo\_Pires](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/hugo_pires/32/68069_2.png) [@Hugo\_Pires](https://discuss.elastic.co/u/Hugo_Pires)
#### Post date: [August 16, 2020, 2:07pm UTC](https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473/5 "2020-08-16T14:07:45Z")

</div>

Thank you

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [September 13, 2020, 2:08pm UTC](https://discuss.elastic.co/t/canvas-timelion-multiple-lines/241473/6 "2020-09-13T14:08:00Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.