Google chart update and dot separator in real time javascript in bootstrap template

English: Hi, i have a form with some input type number fields in a bootstrap template with 2 requeriments: 1. The page have a google chart , donut [login to view URL] but is static, i need through a javascript o jquery function make it autoupdate when a number in the input type number is tipped 2. The numbers tipped in the input text are colombian peso numbers, i mean in United states the people write $USD 10.000 in Colombian peso are $30.000.000 so i need a function that convert in real time in the input field text "30000000" to "30.000.000" Note: The bootstrap pages are already created, i just need add the 2 requeriments, i attach capture of the forms, there are 5 screens that need the 2 updates Spanish: Hola, tengo un template en bootstrap ya creado con dos requerimientos 1. La página usa en algunas partes un gráfico tipo de Dona de Google Chart [login to view URL] ya está incrustado, sin embargo es estático, es necesario que cambie en tiempo real según las personas cambian el contenido de unas casillas de texto tipo number que existen 2. Un separador de decimales, por ejemplo cuando escriban en la casilla de texto "30000000" que en tiempo real coloque de separador el símbolo punto y quede de esta forma "$ 30.000.000" y con el signo pesos. Note: Las plantillas en bootstrap ya se encuentran creadas, el requerimiento es modificarlas, son 5 pantallas las que se requieren actualizar