# Apexchart and Brush chart problem

**URL:** <https://forum.inductiveautomation.com/t/apexchart-and-brush-chart-problem/64158>\
**Category:** Ignition\
**Created:** [September 16, 2022, 11:56am UTC](https://forum.inductiveautomation.com/t/apexchart-and-brush-chart-problem/64158 "2022-09-16T11:56:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aiasa21](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@Aiasa21](https://forum.inductiveautomation.com/u/Aiasa21)\
**Post date:** [September 16, 2022, 11:56am UTC](https://forum.inductiveautomation.com/t/apexchart-and-brush-chart-problem/64158/1 "2022-09-16T11:56:44Z")

</div>

Good morning guys,  
I’m trying to build a page following the example here in the apexchart website:  
[https://apexcharts.com/javascript-chart-demos/line-charts/brush-chart/](https://apexcharts.com/javascript-chart-demos/line-charts/brush-chart/)

I copy all the options but when I set in the brush chart the options → Chart → brush → enabled to true, the chart disappear.

What am I doing wrong?

Here is the code of the main chart:

```auto
{
  "chart": {
    "toolbar": {
      "show": false,
      "autoSelected": "pan"
    },
    "type": "line",
    "id": "chart2"
  },
  "colors": [
    "#77B6EA"
  ],
  "xaxis": {
    "type": "datetime"
  },
  "yaxis": {
    "decimalsInFloat": 0
  }
}

```

and here is the code of the second chart where I should manage the selection:

```auto
{
  "chart": {
    "type": "area",
    "id": "chart1",
    "brush": {
      "enabled": false,
      "target": "chart2"
    },
    "selection": {
      "enabled": true,
      "xaxis": {
        "min": "new Date(\u002713 Sep 2022\u0027).getTime()",
        "max": "new Date(\u002716 Sep 2022\u0027).getTime()"
      }
    }
  },
  "colors": [
    "#77B6EA"
  ],
  "xaxis": {
    "type": "datetime"
  },
  "yaxis": {
    "decimalsInFloat": 0,
    "max": 300,
    "min": 0
  }
}

```

Here is the screenshot of the view with the enabled option set to false

```auto
    "brush": {
      "enabled": false,

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/5/351f30ff3503f5f0470ecc6c25797d33fa68c94a.png)

and here is the screenshot of the view with the enabled option set to true, it become white with no message

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ce90b3207da42e7471598cde174a79b3875a3cf1.png)

---

<div class="post-metadata">

**Author:** ![Ayanna\_Brown](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ayanna_brown/32/38406_2.png) [@Ayanna\_Brown](https://forum.inductiveautomation.com/u/Ayanna_Brown)\
**Post date:** [September 21, 2022, 4:55pm UTC](https://forum.inductiveautomation.com/t/apexchart-and-brush-chart-problem/64158/2 "2022-09-21T16:55:07Z")

</div>

Hi,

Are you in Vision or Perspective? What specific components are you using? Is this behavior while in the Designer? or is this while in a Perspective Session/ Vision Client?

---

<div class="post-metadata">

**Author:** ![Aiasa21](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@Aiasa21](https://forum.inductiveautomation.com/u/Aiasa21)\
**Post date:** [September 21, 2022, 5:53pm UTC](https://forum.inductiveautomation.com/t/apexchart-and-brush-chart-problem/64158/3 "2022-09-21T17:53:08Z")

</div>

Hi,

this is in Perspective (I guess ApexCharts don’t work in Vision), the component is a third part chart, here there’s an explanation about it [https://forum.inductiveautomation.com/t/kyvislabs-apexchart-module/55263](https://forum.inductiveautomation.com/t/kyvislabs-apexchart-module/55263)

I took the screenshot launching a cliend session from the laptop.

Thanks for the help.