I'm having trouble with the ApexCharts Radar. The props.options.xaxis.categories do not update on the chart in a web client, even though it works as expected in the designer.
The following view JSON demonstrates the issue.
{
"custom": {},
"params": {},
"props": {},
"root": {
"children": [
{
"events": {
"component": {
"onActionPerformed": {
"config": {
"script": "\tselection \u003d self.props.value\n\tif selection \u003d\u003d \u0027high\u0027:\n\t\tcategories \u003d [\u0027Speed\u0027, \u0027Power\u0027, \u0027Efficiency\u0027, \u0027Uptime\u0027]\n\t\tactual_data \u003d [95, 88, 92, 99]\n\t\ttitle_text \u003d \u0027High Performance Profile\u0027\n\telse:\n\t\tcategories \u003d [\u0027Speed\u0027, \u0027Power\u0027, \u0027Efficiency\u0027, \u0027Uptime\u0027]\n\t\tactual_data \u003d [65, 72, 55, 80]\n\t\ttitle_text \u003d \u0027Low Performance Profile\u0027\n\t\n\ttarget_data \u003d [100] * len(actual_data)\n\tseries_config \u003d [{\u0027name\u0027: \u0027Actual\u0027, \u0027data\u0027: actual_data}, {\u0027name\u0027: \u0027Target\u0027, \u0027data\u0027: target_data}]\n\toptions_config \u003d {\u0027xaxis\u0027: {\u0027categories\u0027: categories}, \u0027yaxis\u0027: {\u0027min\u0027: 0, \u0027max\u0027: 120}, \u0027title\u0027: {\u0027text\u0027: title_text}}\n\tchart \u003d self.getSibling(\u0027ApexRadarChart\u0027)\n\tchart.custom.chartConfig \u003d {\u0027series\u0027: series_config, \u0027options\u0027: options_config}"
},
"scope": "G",
"type": "script"
}
}
},
"meta": {
"name": "Dropdown"
},
"position": {
"height": 36,
"width": 256,
"x": 48,
"y": 32
},
"props": {
"options": [
{
"label": "High Performance Profile",
"value": "high"
},
{
"label": "Low Performance Profile",
"value": "low"
}
],
"value": "low"
},
"type": "ia.input.dropdown"
},
{
"custom": {
"chartConfig": {
"options": {},
"series": []
}
},
"meta": {
"name": "ApexRadarChart"
},
"position": {
"height": 300,
"width": 400,
"x": 48,
"y": 96
},
"propConfig": {
"props.options": {
"binding": {
"config": {
"path": "this.custom.chartConfig.options"
},
"type": "property"
}
},
"props.series": {
"binding": {
"config": {
"path": "this.custom.chartConfig.series"
},
"type": "property"
}
}
},
"props": {
"type": "radar"
},
"type": "embr.chart.apex-charts"
}
],
"meta": {
"name": "root"
},
"type": "ia.container.coord"
}
}