var that = this;
this.init = function() {
      var left= that.$().Left;
                 this.$().prepend('<p style="text-indent:0px"> </p>');//  вот вся хитрость  создаем тег который потом захватим канвасом
                              };
this.afterUpdate = function() {
      chart();              //функция отрисовки
   };

   function chart(){
   var dataArray=[13,4,20];  // массив с данными для отображения
         var canvas =d3.select("p")   //захват
      .append("svg")
      .attr("width",that.$().width())    //привязка к размерам компонента
      .attr("height",that.$().height());


   var bars= canvas.selectAll("rect")
                  .data(dataArray)
                  .enter()
                     .append("rect")
                     .attr("width",function(d){return d*10;})
                     .attr("height",50)
                     .attr("y",function(d,i){return i*100;});
   
   }

//--------------------------------   
   this.init = function()
   {
      window.variable+=1; //глобальная переменная считающая количество объектов
      this.num=window.variable; // свойство объекта содержащее его id
   };
//-----------------------------------   
    this.afterUpdate = function()
    {
       window.variable=this.num;  // обращение к нужному id  объекта
            sec= "p"+ window.variable; //генерация нужного тега
                 this.jqGraph = "<div id='"+sec+"'style=\"width:"+  that.$().width()+"px; height: "+that.$().height()+"px;\"></div>";// задание          величины окна
                 this.$().append(this.jqGraph);
                 this.$().click(function()
            {
                  that.fireEvent("onclick");
              });   
         clock();
    };
    function clock()
   
    {