@(title:String,tasks:List[Task]) @main(title){
<script>
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
xAxis: {
categories: [
@for(task <-tasks){
'@task.label',
}
'Default'
]
},
series: [{
name: 'Records',
data: [
@for(task <-tasks){
@task.cnt,
}
10
]
}
]
});
});
</script>
<div id="container"
style="min-width: 310px; height: 400px; margin: 0 auto"></div>
}
-- your code goes here
ICAgIEAodGl0bGU6U3RyaW5nLHRhc2tzOkxpc3RbVGFza10pIEBtYWluKHRpdGxlKXsKPHNjcmlwdD4KICAgICAgICAkKGZ1bmN0aW9uICgpIHsKICAgICAgICAgICAgJCgnI2NvbnRhaW5lcicpLmhpZ2hjaGFydHMoewogICAgICAgICAgICAgICAgY2hhcnQ6IHsKICAgICAgICAgICAgICAgICAgICB0eXBlOiAnYmFyJwogICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgIHhBeGlzOiB7CiAgICAgICAgICAgICAgICAgICAgY2F0ZWdvcmllczogWwogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGZvcih0YXNrIDwtdGFza3MpewogICAgICAgICAgICAgICAgICAgICAgICAgCSAgICdAdGFzay5sYWJlbCcsCiAgICAgICAgICAgICAgICAgICAgICAgICAJCX0gICAgICAgICAgICAgICAgICAgICAgICAgCQkKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ0RlZmF1bHQnCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF0KICAgICAgICAgICAgICAgIH0sCgogICAgICAgICAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgICAgICAgICAgIG5hbWU6ICdSZWNvcmRzJywKICAgICAgICAgICAgICAgICAgICBkYXRhOiBbCiAgICAgICAgICAgICAgICAgICAgICAgCUBmb3IodGFzayA8LXRhc2tzKXsKICAgICAgICAgICAgICAgICAJCQlAdGFzay5jbnQsCiAgICAgICAgICAgICAgICAgCQl9CiAgICAgICAgICAgICAgICAgICAgICAgICAgIDEwCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICBdCiAgICAgICAgICAgICAgICB9ICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICBdCiAgICAgICAgICAgIH0pOwogICAgICAgIH0pOyAgICAgCiAgICAgICAgPC9zY3JpcHQ+CjxkaXYgaWQ9ImNvbnRhaW5lciIKCXN0eWxlPSJtaW4td2lkdGg6IDMxMHB4OyBoZWlnaHQ6IDQwMHB4OyBtYXJnaW46IDAgYXV0byI+PC9kaXY+Cn0KCgotLSB5b3VyIGNvZGUgZ29lcyBoZXJl