How to pass Highcharts parameters from Workflow into a Web bar/line graph?

Hello,

I'm having trouble passing parameters such as Chart Title, Type, X Axis Label, Y Axis Label, and data from workflow into a Web Chart component using the Highcharts API. From the discussion below, it seems like it can be done, but is missing crucial details on exact syntax:
https://support.vertigis.com/hc/en-us/community/posts/11497808999442-How-to-make-a-chart-from-a-workflow?input_string=chart%20from%20workflow

The very last activities of my current workflow consists of three “Run Command” actions with some dummy data:

Command Name: charts.update-definition

Command Parameter: ={ "chart": "chart-1c051477", "definition": {"chart":{"type":"bar"},"title":{"text":"Fruit Consumption"},"xAxis":{"categories":["Apples","Bananas","Oranges"]},"yAxis":{"title":{"text":"Fruit eaten"}},"series":[{"name":"Jane","data":[1,0,4]},{"name":"John","data":[5,7,3]}]} }

Command Name: charts.display

Command Parameter: ={"chart": "chart-1c051477"}

Command Name: ui.activate

Command Parameter: ="chart-1c051477"
 

In web, I have the chart component configured accordingly and have tried both combinations of advanced mode on and off. When the workflow is triggered, there is no visual output and my workflow runs to completion.

Once the Highcharts parameters are connected, my ultimate goal is to have the the chart data (and labels) dynamically populated based on some user selection, which I have already retrieved from a previous operation:

Operation Name: results.from-graphics

Operation Parameter: ={graphics: $features.result}

Any help on this is greatly appreciated, thanks in advance.