# How to use or import ApexCharts in Perspective view

**URL:** <https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 31, 2023, 6:36am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121 "2023-07-31T06:36:47Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [July 31, 2023, 6:36am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/1 "2023-07-31T06:36:47Z")

</div>

Hi,  
I get to know about Apexcharts and I install the module into Ignition and few charts is available to use.  
I find out about Editor apexcharts, there I created basic charts and I want to know how I can import those charts in perspective.

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [July 31, 2023, 6:46am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/2 "2023-07-31T06:46:48Z")

</div>

Try this:

> [@KyvisLabs ApexChart Module](https://forum.inductiveautomation.com/t/kyvislabs-apexchart-module/55263/79):
>
> @kyvislabs This might be good to add into the OP. PSA: the simplest way to make a chart is to use the online Apex Chart editor: [https://editor.apexcharts.com/](https://editor.apexcharts.com/) Copy the code output of this into props.options in the Ignition component, and make sure you change the props.type to the right chart type Edit: is @kyvislabs still around?? maybe @pgriffith or someone from IA can add this link and brief description of how to use it into the OP? man_shrugging

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [July 31, 2023, 7:01am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/3 "2023-07-31T07:01:06Z")

</div>

I use Pie chart in Editor Apex and copy the code and pasted on ApexChart Line Options properties and change the type to Pie,

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/3/338ecb1c78d1c6b0350fdca8bb65693122debe32.png)  
however only legend is vsible not the Pie chart, is anything I missed it?

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [July 31, 2023, 7:03am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/4 "2023-07-31T07:03:27Z")

</div>

Do you have data in your `props.options.series`?

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [July 31, 2023, 7:06am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/5 "2023-07-31T07:06:55Z")

</div>

Yes  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/3/73d09d78795456073e94fc3dd05dffb38e3218de.png)

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [July 31, 2023, 7:12am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/6 "2023-07-31T07:12:32Z")

</div>

In Options Pie is not available for that getting an error of invalid key

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [July 31, 2023, 8:26am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/7 "2023-07-31T08:26:32Z")

</div>

I see you have `props.options.series` and `props.series`. Try deleting `props.options.series`, maybe it will help

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [July 31, 2023, 8:39am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/8 "2023-07-31T08:39:33Z")

</div>

No luck after deleting props.options.series

I am trying below Pie chart of Apexcharts to be used in perspective.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/f/afa61cd9ef0eb3d8003bc949925f65ea2fb6f5de.png)

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [August 1, 2023, 10:35am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/9 "2023-08-01T10:35:08Z")

</div>

am I doing something wrong?

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [August 1, 2023, 11:01am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/10 "2023-08-01T11:01:35Z")

</div>

Thanks Issue resolved with Apex Chart module 1.0.14

---

<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:** [August 1, 2023, 12:32pm UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/11 "2023-08-01T12:32:30Z")

</div>

Ha, I just noticed that this is super dodgy!

 ![Screenshot_20230801_215949_Chrome](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/f/bfc1ce0cd32b461c2fea99ffddeec92fc870e8d2.jpeg)

The sectors all don't align in the circle centre!

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [August 2, 2023, 3:22am UTC](https://forum.inductiveautomation.com/t/how-to-use-or-import-apexcharts-in-perspective-view/77121/12 "2023-08-02T03:22:18Z")

</div>

I didnt notice that
