Canvas не обновляется даже после установки интервала

как говорится в этой теме. Я установил интервал, чтобы дать JavaScript возможность обновить мой холст, но он просто не будет. Я не испытываю опыта, но переменные, которые я "проверяю" (проверенный переключатель, но который просто ломается), имеют правильные значения - они возвращаются через веб-узел фляжки-сокета на серверном сервере, используя 3-ю партию.

Код показан ниже, переменные являются "глобальными", поэтому они должны быть в одной области, я не уверен в операторах if, может быть, они просто не работают так, как в JS? У меня возникли проблемы с использованием коммутатора по неизвестным причинам (я обычно код на C или Python или C++...)

Я подозреваю, что мой fillstyle просто не меняется, я просто не знаю, почему.

Edit: попытался немного уменьшить код.

Редактировать 2: переменная "af3_level", которая должна иметь некоторое влияние на fillstyle, изменяется каждые 1 секунду, а затем посылает по сокету (значения на 100% правильны).

Редактировать 3: Проблема была "опечатка" (или, может быть, не опечатка). Это fillStyle, а не fillstyle.

<script type="text/javascript" charset="utf-8">
    var af3_level;
    $(document).ready(function() {            
        namespace = '/emotiv';
        var socket = io.connect(location.protocol + '//' + document.domain + ':' + location.port + namespace);
        socket.on('connect', function() {
            socket.emit('my_emo_event', {data: 'I\'m connected to emotiv_info'});
        });            
        socket.on('emotiv_response', function(msg) {
            $('#log').append('<br>' + $('<div/>').text('Received #' + msg.count + ': ' + msg.data).html());
        });
        socket.on('emo_headgear_data', function(msg) {
          af3_level = msg.af3;
          $('#emotiv_log').html("some text" + af3_level);
          //draw();
        });            
        $('form#emotiv_connect').submit(function(event) {
            socket.emit('emotiv_connect');
            return false;
        });
        $('form#emotiv_disconnect').submit(function(event) {
            socket.emit('emotiv_disconnect');
            return false;
        });
    });
    var canvas_handle=document.getElementById("connection_quality_canvas");
    var ctx = canvas_handle.getContext("2d");
    setInterval(drawSomething, 1000);
    function drawSomething(){
      ctx.clearRect(0,0,canvas_handle.width,canvas_handle.height);
      ctx.beginPath()
      ctx.arc(250,250,250,0,2*Math.PI);
      ctx.stroke();
      ctx.beginPath()
      ctx.moveTo(250,0);
      ctx.lineTo(250,500);
      ctx.stroke();
      ctx.beginPath()
      ctx.moveTo(0,250);
      ctx.lineTo(500,250);
      ctx.stroke();
      //AF3
      ctx.beginPath()
      ctx.moveTo(150,55);
      ctx.arc(125,55,25,0,2*Math.PI);
      if(af3_level == 1) {
        ctx.fillstyle = "red";
      }
      else if(af3_level == 2) {
        ctx.fillstyle = "yellow";
      }
      else if(af3_level == 4) {
        ctx.fillstyle = "green";
      }
      else {
        ctx.fillstyle = "black";
      }
      ctx.fill();
      ctx.stroke();
    }
</script>