Musson Industrial’s Embr-Charts Module

3rd Party Modules
323

Release Notice

Embr v8.1 - 2025.10.31
Embr v8.3 - 2025.10.31

Major Changes

  • fc47d7e: Modules no longer include kotlin-stdlib.
    • All modules now rely on the Kotlin standard library provided with Ignition.

Minor Changes

  • 6e2cb4c: Expose chart component's ComponentDelegate.
    • Provide's access through this.delegate in all props callback functions.
    • Importantly, this allows access to the underlying charting component through this.delegate.proxy.ref.

Patch Changes

  • Updated dependencies [f36eaee]
  • Updated dependencies [6e2cb4c]
    • @embr-jvm/core-common@0.7.1
    • @embr-modules/charts-web@4.0.0
    • @embr-jvm/core-designer@0.7.1
1 Like
324

Would this expose chart.render() to being called?

If so, example please :slight_smile:

1 Like
325

Hello everybody, one quick question.. Do I have to reboot the gateway during the module installation?

326

8.1 = No
8.3 = Yes

2 Likes
327

I’m playing with the Module and I have to say that its speed is really amazing.

I need your help to understand how to manage the datalabels, at the moment they are like the picture..

image
image1495×1354 240 KB

I try to add and manage the formatter but actually I don’t understand how it should be use in this case.

Thanks for the help.

EDIT: reading some previous answer I add the property:

formatter: (value, context) => { return value.y }

and now it works good :+1:

3 Likes
328

how can we change the radar chart background area?

329

ApexCharts or Chart.js component?

330

I’m guessing chart.js given the quote, but for either, I would ask AI as these are well supported 3rd party libraries. Otherwise, just look at their documentation

331

I would second this. I had no idea how to change certain things in the radar chart, and I asked ChatGPT telling it I was using Ignition Perspective then pasted my parameters. It tracked down the problem without too many prompts. I also attached a screenshot of the output in the prompt

332

@bmusson
I’m experiencing an issue on the Chartjs (3.0.1 (b2025062601) , Ignition 8.1)

I’m having trouble configuring a horizontal bar chart.

image
image962×927 14.8 KB

Watching online videos it seems pretty staightforward, change the indexAxis from x to y , but when I do so the bars disappear.

image
image956×916 12.8 KB

Am I doing something wrong?

Current Chart config:

"type": "embr.chart.chart-js",
"version": 0,
"props": {
  "type": "bar",
  "data": {
    "labels": [
      "Planned Production Downtime",
      "Planned Maintenance",
      "Stock Take",
      "Cleanouts & Line Flush",
      "Breakdowns Mechanical",
      "Bin Space Outloading",
      "Bind Space Pre Pelleting",
      "No Raw Materials",
      "Chokes",
      "Labour",
      "PLC/Control System",
      "Utility Failure (Eletrical and Water)"
    ],
    "datasets": [
      {
        "data": [
          1800,
          0,
          0,
          1180,
          471,
          0,
          0,
          135,
          200,
          0,
          0,
          300
        ],
        "label": "Dataset 1"
      }
    ]
  },
  "options": {
    "scales": {
      "x": {
        "type": "category"
      },
      "y": {
        "type": "linear"
      }
    },
    "indexAxis": "y"
  }
},
"meta": {
  "name": "Chartjs"
},
"position": {
  "grow": 1,
  "basis": "300px"
},
"custom": {}

}
333

Have you tried swapping x and y types?

Make x linear, and y Category?

2 Likes
334

Yes , this worked thank you.

1 Like
336

Hello, I'm using Ignition 8.3 and Embr 4.0.1.
Setting a binding to props.series of an ApexChart, at graph creating I get errors similar to this reply. I don't have the Kyvis-Labs module installed (is not in modules list).
Thanks for any help.

onerrorLogger: {"stack":"TypeError: Cannot read properties of undefined (reading 'children')\n    at Xe.value (http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:118:30886)\n    at Ve (http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:118:29540)\n    at Xe.value (http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:118:29747)\n    at Xe.value (http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:118:27109)\n    at Xe.value (http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:121:24526)\n    at Xe.value (http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:121:21988)\n    at Xe.value (http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:121:21346)\n    at http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515:121:20662","message":"Cannot read properties of undefined (reading 'children')","name":"TypeError","logData":{"msg":"Uncaught Exception","errorMsg":"Uncaught TypeError: Cannot read properties of undefined (reading 'children')","url":"http://localhost:8088/res/embr-charts/embr-charts-client.js?no_cache=1771261328515","line number":118,"column":30886}}
p.7228.i.cerror @ PerspectiveClient.5ad6074170c920d80c72.js:2
p.7228.i.sendLogItemsConsole @ PerspectiveClient.5ad6074170c920d80c72.js:2
p.7228.n.sendBatch @ PerspectiveClient.5ad6074170c920d80c72.js:2
p.7228.n.sendBatchIfComplete @ PerspectiveClient.5ad6074170c920d80c72.js:2
(anonymous) @ PerspectiveClient.5ad6074170c920d80c72.js:2
(anonymous) @ PerspectiveClient.5ad6074170c920d80c72.js:2
p.7228.e.fatalException @ PerspectiveClient.5ad6074170c920d80c72.js:2
p.7228.window.onerror.window.onerror @ PerspectiveClient.5ad6074170c920d80c72.js:2
setTimeout
value @ embr-charts-client.js?no_cache=1771261328515:121Understand this error
embr-charts-client.js?no_cache=1771261328515:118 Uncaught TypeError: Cannot read properties of undefined (reading 'children')
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:118:30886)
    at Ve (embr-charts-client.js?no_cache=1771261328515:118:29540)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:118:29747)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:118:27109)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:121:24526)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:121:21988)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:121:21346)
    at embr-charts-client.js?no_cache=1771261328515:121:20662

Uncaught TypeError: Cannot read properties of undefined (reading 'children')
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:118:30886)
    at Ve (embr-charts-client.js?no_cache=1771261328515:118:29540)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:118:29747)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:118:27109)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:121:24526)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:121:21988)
    at Xe.value (embr-charts-client.js?no_cache=1771261328515:121:21346)
    at embr-charts-client.js?no_cache=1771261328515:121:20662
337

Can you post a view.json that replicates the issue?

338

I just downloaded and installed and this is what I see:
image

Is there something I can do about this or does developer need to update something?

339

What version is your gateway? Embr is 8.1.33+ only.

340

8.1.48

341

Are you trying to install the v8.3 module file on v8.1? (They are not compatible.)

342

Ok, I see what I did. I got the 8.3 version. But I do not see where to get the 8.1 version. What do I download for that?

343

Scroll up in this topic?

Or go straight to the github releases?

:man_shrugging:

1 Like