Graph not displayed instead showing the dictionary with data values

[sachinjakhar23]

[sachinjakhar23]

Dear All, I have used the same code as shown in this github page, however the graph is not displayed instead i am getting the below output on screen

{"title": {"text": "Example Bar Chart", "style": {}}, "colorAxis": {}, "exporting": {"sourceWidth": 1600, "sourceHeight": 900, "chartOptions": {"subtitle": null}}, "credits": {"enabled": false}, "subtitle": {"text": "my subtitle"}, "chart": {"zoomType": "xy"}, "tooltip": {"shared": "true"}, "legend": {"layout": "horizontal", "align": "left", "floating": "true", "verticalAlign": "top", "y": -10, "borderColor": "#e3e3e3"}, "xAxis": {"categories": ["Orange", "Bananas", "Apples"], "labels": {"rotation": -45}, "plotLines": null, "title": {}}, "yAxis": [{"labels": {"format": "{value} pz/sc ", "style": {"color": "#f67d0a"}}, "title": {"text": "Oranges", "style": {"color": "#f67d0a"}}, "opposite": "true"}, {"gridLineWidth": 1, "title": {"text": "Bananas", "style": {"color": "#3771c8"}}, "labels": {"style": {"color": "#3771c8"}, "format": "{value} euro"}}, {"gridLineWidth": 1, "title": {"text": "Apples", "style": {"color": "#666666"}}, "labels": {"format": "{value} pz", "style": {"color": "#666666"}}, "opposite": "true"}], "series": [{"name": "Orange", "type": "column", "yAxis": 1, "data": [90, 44, 55, 67, 4, 5, 6, 3, 2, 45, 2, 3, 2, 45, 5], "tooltip": "{ valueSuffix: ' euro' }", "color": "#3771c8"}, {"name": "Bananas", "type": "spline", "yAxis": 2, "data": [12, 34, 34, 34, 5, 34, 3, 45, 2, 3, 2, 4, 4, 1, 23], "marker": {"enabled": "true"}, "dashStyle": "shortdot", "color": "#666666"}, {"name": "Apples", "type": "spline", "data": [12, 23, 23, 23, 21, 4, 4, 76, 3, 66, 6, 4, 5, 2, 3], "color": "#f67d0a"}]}