Apexchart and Brush chart problem

Ignition
1

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/

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:

{
  "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:

{
  "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

    "brush": {
      "enabled": false,

image
image1915×852 119 KB

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

image
image1912×845 63.6 KB

2

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?

3

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

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

Thanks for the help.