# How to show PLC Tag data in Vertical Bar Chart using Web Dev resource

**URL:** <https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 29, 2023, 8:31am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094 "2023-07-29T08:31:01Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 8:31am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/1 "2023-07-29T08:31:01Z")

</div>

Hi,  
I want to show plc tag data in vertical bar chart in Ignition perspective using Web Dev resource,  
how to do this can you help me

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 29, 2023, 10:22am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/2 "2023-07-29T10:22:23Z")

</div>

You mention plc tags, Web dev, and Perspective. I don't understand what you're trying to do... Plc tags and Web dev are essentially both sources of data.

I think you need to start telling us what your problem is and asking for how we would solve it, rather than asking for answers about how to do something specific, as, from your recent posts, it doesn't sound like you're going about things in the right way

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 10:55am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/3 "2023-07-29T10:55:34Z")

</div>

Actually i have created bar chart using web dev python resource, i want to read bar chart value through plc tag how can i do this

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 29, 2023, 11:07am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/4 "2023-07-29T11:07:27Z")

</div>

> [@Shashiraj\_P\_S](#):
>
> i want to read bar chart value through plc tag how can i do this

I think you want the opposite. You want to **display** a **PLC tag** in a bar chart.

Think carefully. Write carefully. Code carefully.

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:08am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/5 "2023-07-29T11:08:51Z")

</div>

yes

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:09am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/6 "2023-07-29T11:09:35Z")

</div>

i want to display a plc tag value in bar chart

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 29, 2023, 11:13am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/7 "2023-07-29T11:13:29Z")

</div>

OK. Well show us what you have tried and where you are stuck.

I have never used Web Dev but the [user manual](https://docs.inductiveautomation.com/display/DOC81/Web+Dev) says that it is for Vision and you have tagged your question as Perspective. Why do you think you need Web Dev?

Again, write clearly and give us enough information to help. Post properly-cropped screenshots if they will help.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 29, 2023, 11:17am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/8 "2023-07-29T11:17:18Z")

</div>

> [@Transistor](#):
>
> says that it is for Vision a

Web dev can be used for a few things, definitely not just for Vision though. It can be used to create functions for an api for example, or custom webpages, and other stuff (i haven't used it much either) . I wasn't aware you could use it to create components though like a bar chart.. It's not something I see used very often though, but it certainly has its place for web apis

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:18am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/9 "2023-07-29T11:18:50Z")

</div>

but in perspective, bar chart supports only for stacked version it will not support vertical bar chart so that's why i have created vertical bar chart using web dev resource and by using this url, i have called this url in my perspective in frame source

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 29, 2023, 11:20am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/10 "2023-07-29T11:20:15Z")

</div>

I think you can only pass data into a frame using url parameters.  
Btw, all of this info should have been in your original post. We were literally fumbling in the dark with what you provided

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:22am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/11 "2023-07-29T11:22:19Z")

</div>

then how to create vertical bar chart in perspective model any idea?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 29, 2023, 11:23am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/12 "2023-07-29T11:23:06Z")

</div>

Do you have an example of what you're wanting to see? You can paste screenshots directly into replies on this forum

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:23am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/13 "2023-07-29T11:23:19Z")

</div>

sure

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:24am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/14 "2023-07-29T11:24:33Z")

</div>

![Capture3](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/2/f23faa8022cd3c8987d3761b0379b459aeff7e3c.png)

like this bar chart i have to create in my perspective can it is possible?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 29, 2023, 11:27am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/15 "2023-07-29T11:27:22Z")

</div>

Use Perspective's XY Chart.

 ![XY bar chart](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/a/2a36ab2429420ca8d14c81a2ac73824ff26c7a8b.png)

The above image is the default chart with the following modifications:

```auto
props.series.0.render : column
props.series.1.render : column

```

You probably want the X-axis to display categories and not dates. For this you will set  
`props.xAxes.0.render : category`

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:29am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/16 "2023-07-29T11:29:49Z")

</div>

i want to display each bar chart value using plc tag

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 29, 2023, 11:30am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/17 "2023-07-29T11:30:18Z")

</div>

You can also look at using the [ApexCharts](https://forum.inductiveautomation.com/t/kyvislabs-apexchart-module/55263) module if you want nicer charts.

You can use the [Editor](https://editor.apexcharts.com/) to create you charts and then copy the config into the Perspective component

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:31am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/18 "2023-07-29T11:31:55Z")

</div>

how to display each bar chart value using plc tag

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [July 29, 2023, 11:34am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/19 "2023-07-29T11:34:35Z")

</div>

The PLC tag has history enabled? Your wanting historian data in the bar chart?

---

<div class="post-metadata">

**Author:** ![Shashiraj\_P\_S](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@Shashiraj\_P\_S](https://forum.inductiveautomation.com/u/Shashiraj_P_S)\
**Post date:** [July 29, 2023, 11:35am UTC](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094/20 "2023-07-29T11:35:59Z")

</div>

no i want to display realtime data through plc tag in bar chart

[Next page](https://forum.inductiveautomation.com/t/how-to-show-plc-tag-data-in-vertical-bar-chart-using-web-dev-resource/77094.md?page=2)
