# Multiple lines Canva Kibana

**URL:** <https://discuss.elastic.co/t/multiple-lines-canva-kibana/329926>\
**Category:** Kibana\
**Created:** [April 13, 2023, 12:30pm UTC](https://discuss.elastic.co/t/multiple-lines-canva-kibana/329926 "2023-04-13T12:30:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Julie\_Gils](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/julie_gils/32/117992_2.png) [@Julie\_Gils](https://discuss.elastic.co/u/Julie_Gils)\
**Post date:** [April 13, 2023, 12:30pm UTC](https://discuss.elastic.co/t/multiple-lines-canva-kibana/329926/1 "2023-04-13T12:30:05Z")

</div>

Hi,  
I have several data that are calculated like this:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/a/1/a152605abc206a90290cbaca44304901ccf96adb.png)  
I just wanna have the number of process by step. Data used (with aggregation) look like :  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/d/e/de7f264c4ff4b85f7c3d57a3a1a211a909c1b3c5.png)  
And I want the chart looks like :  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/8/481abb640037395232b820b871c3e5086288a3ca.png)  
but with canva line chart. At this point, I have this :  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/7/47aa966c9815b75c763be63cc0f1da468aa2e362.png)  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/9/3/93f46268954376101e2ffe9282a71641502c05e5.png)  
But I want the dots to be connected. I don't understand why they not because seriesStyle parameter has the line option.

Does someones have an idea please ?

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [April 15, 2023, 3:37am UTC](https://discuss.elastic.co/t/multiple-lines-canva-kibana/329926/2 "2023-04-15T03:37:23Z")

</div>

That does not look like the correct syntax for changing a `seriesStyle` in orde to make it a line chart. You can use the samples from here to help you:

> [@Canvas: how to make stacked area chart?](https://discuss.elastic.co/t/canvas-how-to-make-stacked-area-chart/180399/4):
>
> That is possible but you would need to change the shape of your data. Here's an example of one (slightly hacky) way to achieve this in Canvas without changing your Elasticsearch index. The color arg in [pointseries](https://www.elastic.co/guide/en/kibana/current/canvas-server-functions.html#_pointseries) splits a column into multiple series per unique value in a single column. There currently isn't a way to assign a series to a specific column in Canvas. So ideally, your data would be in a shape like this: { "timestamp": "2019-05-01 00:00:00", "count\_type": "active", "count": 176 } {…

Looks like you would have to change it to something more similar to this:

```auto
| plot 
    defaultStyle={seriesStyle lines=1 fill=1} 

```

---

<div class="post-metadata">

**Author:** ![Julie\_Gils](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/julie_gils/32/117992_2.png) [@Julie\_Gils](https://discuss.elastic.co/u/Julie_Gils)\
**Post date:** [April 17, 2023, 7:45am UTC](https://discuss.elastic.co/t/multiple-lines-canva-kibana/329926/3 "2023-04-17T07:45:33Z")

</div>

okay thank you, i'll try this

---

<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:** [May 15, 2023, 7:46am UTC](https://discuss.elastic.co/t/multiple-lines-canva-kibana/329926/4 "2023-05-15T07:46:03Z")

</div>

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