# Advanced Apex Charts (Timeline-Grouped Rows etc..)

**URL:** <https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571>\
**Category:** 3rd Party Modules\
**Tags:** ignition81, perspective\
**Created:** [November 16, 2022, 9:19am UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571 "2022-11-16T09:19:47Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jayanth\_N](https://avatars.discourse-cdn.com/v4/letter/j/7cd45c/32.png) [@Jayanth\_N](https://forum.inductiveautomation.com/u/Jayanth_N)\
**Post date:** [November 16, 2022, 9:19am UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/1 "2022-11-16T09:19:47Z")

</div>

Hi Everyone,

I have installed Apex chart module from below link.

[GitHub - Kyvis-Labs/ignition-apexcharts-module: The module provides Perspective ApexCharts components](https://github.com/Kyvis-Labs/ignition-apexcharts-module#readme)

I can find only below listed chart types.

- line
- area
- bar
- radar
- histogram
- pie
- donut
- radialBar
- scatter
- bubble
- heatmap
- candlestick
- polarArea
- rangeBar
- treemap  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/0/f0e63060c2faa282b9049ff14d43bb348b5580c0.png)

Can anyone help me to get other types of charts like Timeline, Mixed/Combo etc... ?

---

<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:** [November 16, 2022, 12:44pm UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/2 "2022-11-16T12:44:00Z")

</div>

Go have a look at the apexcharts website and at their example code and full api. It should hopefully answer your questions

Eg

> **[Line Chart Guide & Documentation – ApexCharts.js](https://apexcharts.com/docs/chart-types/line-chart/)**
>
> Read this guide on how to create different types of line charts. The guide contains examples and options available in ApexCharts.

> **[JavaScript Dashed Line Chart Sample – ApexCharts.js](https://apexcharts.com/javascript-chart-demos/line-charts/dashed/)**
>
> View the sample of a JavaScript Dashed line chart created in ApexCharts.js

Note that JavaScript function definitions should be contained in quotes.

E.g.

```auto
tooltipHoverFormatter: "function(val, opts) {
            return val + ' - ' + opts.w.globals.series[opts.seriesIndex][opts.dataPointIndex] + '' 
          }" 

```

---

<div class="post-metadata">

**Author:** ![kaleb.s](https://avatars.discourse-cdn.com/v4/letter/k/f08c70/32.png) [@kaleb.s](https://forum.inductiveautomation.com/u/kaleb.s)\
**Post date:** [January 30, 2023, 12:15pm UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/3 "2023-01-30T12:15:25Z")

</div>

Can this be used in a report? If so, am I just adding into a script?

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 30, 2023, 1:40pm UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/4 "2023-01-30T13:40:09Z")

</div>

> [@kaleb.s](#):
>
> Can this be used in a report?

No, these are purely web-based charts. The report generator runs entirely in the gateway, and uses JFreeChart java objects for its charts.

---

<div class="post-metadata">

**Author:** ![kaleb.s](https://avatars.discourse-cdn.com/v4/letter/k/f08c70/32.png) [@kaleb.s](https://forum.inductiveautomation.com/u/kaleb.s)\
**Post date:** [March 16, 2023, 5:23pm UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/5 "2023-03-16T17:23:23Z")

</div>

So not really any way to make the charts in reporting more appealing to the eye?

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [March 16, 2023, 6:19pm UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/6 "2023-03-16T18:19:39Z")

</div>

There's a great deal that can be done with jython scripting using the JFreeChart APIs. It is just totally different from any web-based charting.

---

<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:** [March 16, 2023, 7:38pm UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/7 "2023-03-16T19:38:24Z")

</div>

> [@pturmel](#):
>
> with jython scripting using the JFreeChart API

Is it possible to apply this to reporting charts though? I didn't think there were any mechanisms to allow it, 🤔

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [March 16, 2023, 8:06pm UTC](https://forum.inductiveautomation.com/t/advanced-apex-charts-timeline-grouped-rows-etc/66571/8 "2023-03-16T20:06:14Z")

</div>

Yes, there's a `configureChart` extension function (at least for the timeseries chart--haven't looked close at the others).