ar i = y_min + 1; i <= y_max - 1; i++){
        context.moveTo(client_x_center, client_y_center - i*client_y_step);
        context.lineTo(client_x_center + 5, client_y_center - i*client_y_step);
        context.fillText(i, client_x_center + 5, client_y_center - i*client_y_step + 16);
    }
    // letters
    context.fillText("X1", client_x_center + x_max*client_x_step - 24, client_y_center - 16);
    context.fillText("X2", client_x_center - 30, client_y_center - y_max*client_y_step + 16);
    
    context.