# How to change shape of point series in canvas?

**URL:** <https://discuss.elastic.co/t/how-to-change-shape-of-point-series-in-canvas/186816>\
**Category:** Kibana\
**Created:** [June 21, 2019, 7:32am UTC](https://discuss.elastic.co/t/how-to-change-shape-of-point-series-in-canvas/186816 "2019-06-21T07:32:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![YuWatanabe](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yuwatanabe/32/13259_2.png) [@YuWatanabe](https://discuss.elastic.co/u/YuWatanabe)\
**Post date:** [June 21, 2019, 7:32am UTC](https://discuss.elastic.co/t/how-to-change-shape-of-point-series-in-canvas/186816/1 "2019-06-21T07:32:09Z")

</div>

Hello.

Following [example](https://discuss.elastic.co/t/canvas-how-to-make-stacked-area-chart/180399/2) the stacked bar chart , I was able to draw below stacked bar chart in Canvas.

 ![chart](https://us1.discourse-cdn.com/elastic/original/3X/c/c/cc315a8271ec169dba24b192f10c84a0013044c0.png)

My next goal is to draw a **line** instead of **point**. Like below.

![chart2](https://us1.discourse-cdn.com/elastic/original/3X/d/0/d0a7529aa5194d73812acf10fbd4b29e1f3d5f81.png)

However, looking at the dev tools I was not able to find the class for _point series_ it was to deep...

![devtool](https://us1.discourse-cdn.com/elastic/original/3X/1/3/135f3eb93eab36c482b074a2f0f6c97cf571ccbd.png)

Is it possible to change the shape of the _point_ shape of the series?

Thanks,  
Yu

---

<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:** [June 27, 2019, 3:53pm UTC](https://discuss.elastic.co/t/how-to-change-shape-of-point-series-in-canvas/186816/2 "2019-06-27T15:53:08Z")

</div>

Hi @YuWatanabe  
Unfortunately the current chart implementation use canvas instead of SVG so you will not be able to change the point to something else directly from CSS.

I can take a look if it's possible to achieve that in a different way if you can share the expression to you have used to display those points there.

---

<div class="post-metadata">

**Author:** ![YuWatanabe](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yuwatanabe/32/13259_2.png) [@YuWatanabe](https://discuss.elastic.co/u/YuWatanabe)\
**Post date:** [July 6, 2019, 1:28am UTC](https://discuss.elastic.co/t/how-to-change-shape-of-point-series-in-canvas/186816/3 "2019-07-06T01:28:11Z")

</div>

@markov00

Thank you for the reply.  
I reviewed with our team and looks like a circle is okay for now.

---

<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:** [August 3, 2019, 1:28am UTC](https://discuss.elastic.co/t/how-to-change-shape-of-point-series-in-canvas/186816/4 "2019-08-03T01:28:13Z")

</div>

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