# Kibana Visuliaztion Line Chart with clickable points show image

**URL:** <https://discuss.elastic.co/t/kibana-visuliaztion-line-chart-with-clickable-points-show-image/62815>\
**Category:** Kibana\
**Created:** [October 12, 2016, 2:11pm UTC](https://discuss.elastic.co/t/kibana-visuliaztion-line-chart-with-clickable-points-show-image/62815 "2016-10-12T14:11:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![xianlin](https://avatars.discourse-cdn.com/v4/letter/x/8797f3/32.png) [@xianlin](https://discuss.elastic.co/u/xianlin)\
**Post date:** [October 12, 2016, 2:11pm UTC](https://discuss.elastic.co/t/kibana-visuliaztion-line-chart-with-clickable-points-show-image/62815/1 "2016-10-12T14:11:11Z")

</div>

I have time series data of various head count values from various camera images.

Now I can visualize those data in Kibana by using line chart, X-axis is time and Y-axis is the value.

In the next step I want my user can click on those value points on the line chart and display the camera history images at that time. Is there a Kibana plugin or ELK app already can do this?

If I have to start from scratch, any suggestions to start with?

I have a jquery code with high chart library can do it ([like this one](http://www.highcharts.com/demo/line-ajax)) but now it seems I have to write my own plugin or app for this.

Thanks

**Update:**

After some reading, I found maybe [https://www.elastic.co/blog/kibana-4-1-field-formatters](https://www.elastic.co/blog/kibana-4-1-field-formatters) kind of suit my requirements. Not exactly what I am looking for but it can save a lot of time since Kibana 4.1 already support it.

---

<div class="post-metadata">

**Author:** ![cjcenizal](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cjcenizal/32/11216_2.png) [@cjcenizal](https://discuss.elastic.co/u/cjcenizal)\
**Post date:** [October 12, 2016, 10:21pm UTC](https://discuss.elastic.co/t/kibana-visuliaztion-line-chart-with-clickable-points-show-image/62815/2 "2016-10-12T22:21:02Z")

</div>

Thanks for updating your post with your solution! Let me know if you need any more help.

CJ

---

<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:** [July 6, 2017, 1:36pm UTC](https://discuss.elastic.co/t/kibana-visuliaztion-line-chart-with-clickable-points-show-image/62815/3 "2017-07-06T13:36:57Z")

</div>