#set($correct = $test.getCorrectResponses().size())
#set($incorrect = $test.getIncorrectResponses().size())
#set($total = $test.getNodes().size())
#set($unanswered = $total - $correct - $incorrect)

<div 
  data-echart 
  data-echart-options='{
    "title": {
      "text": "Test Score Breakdown",
      "left": "center",
      "top": 10,
      "textStyle": { "fontSize": 16 }
    },
    "tooltip": { "trigger": "item" },
    "legend": { "bottom": 0, "left": "center" },
    "color": ["#28a745", "#dc3545", "#dee2e6"],
    "series": [{
      "name": "Answers",
      "type": "pie",
      "radius": ["50%", "70%"],
      "itemStyle": {
        "borderRadius": 10,
        "borderColor": "#fff",
        "borderWidth": 2
      },
      "label": { "show": false },
      "emphasis": {
        "label": { "show": true, "fontSize": 14, "fontWeight": "bold" }
      },
      "labelLine": { "show": false },
      "data": [
        { "value": $correct, "name": "Correct" },
        { "value": $incorrect, "name": "Incorrect" },
        { "value": $unanswered, "name": "Unanswered" }
      ]
    }]
  }'
  style="width: 100%; height: 300px;"
></div>