How can i render json into markup?

Hi,

i would like to include highcharts. I know there is a wicket module but
we want to use the script.
So my requirement is it to render the div below with the json content in it.
Do i have to use a label and render body only? Or is there another way.
I couldn't find any example
for this.

Thanks for your Support
Per

<code>
<div class="row main-content">
<script type="application/json" id="chart-data"
data-chart-generator="SingleBodyShopChartGenerator">

"title": "",
"subtitle": "",
"yTitle": "Benchmark",
"columns": [

"label": "Total",
"colorClass": "chart-platin",
"value": 92
},

"label": "Cat 1",
"colorClass": "chart-platin",
"value": 96
},

"label": "Cat 2",
"colorClass": "chart-platin",
"value": 90
},

"label": "Cat 3",
"colorClass": "chart-platin",
"value": 93
},

"label": "Cat 4",
"colorClass": "chart-platin",
"value": 95
},

"label": "Cat 5",
"colorClass": "chart-gold",
"value": 88
},

"label": "Cat 6",
"colorClass": "chart-platin",
"value": 93

</script>
<div wicket:id="chart" style="display: none"></div>
</div>
</code>