0
<div>
  <canvas>
    "grafico chartjs"
  </canvas>
</div>

La historia es necesito que el usuario pueda cambiar el tamaño del contenedor del grafico de forma visual con el ratón, utilizando medidas pre-configuradas del grill del bootstrap. Gracias por adelantado.

3
  • 2
    La pregunta tal y como está es demasiado amplia, faltan detalles. ¿Qué quieres decir con medidas pre-configuradas, que cambie dando saltos a base de cambiar el número de columnas? Te recomiendo que completes el recorrido de bienvenida de bienvenida a SOes para aprender cómo se espera que se hagan las preguntas y que añadas un ejemplo mínimo verificable de tu escenario para que nos sea más sencillo ayudarte, al menos el código que crea el gráfico. Commented el 10 ago. 2018 a las 9:48
  • Que tal si el div le pones de clase col-md-4 al canvas le pones width: 100% y en donde quieras cambiar el tamaño solo vas cambiando de clase el div contenedor del canvas Commented el 10 ago. 2018 a las 12:10
  • Gracias. ya lo voy a mirar.
    – cirus00
    Commented el 10 ago. 2018 a las 21:23

1 respuesta 1

1

podes resolverlo de manera muy sencilla con jQueryUi, te dejo un ejemplo

$( function() {
    $( "div" ).resizable();
  } );
div{
  width: 130px;
  height: 130px;
  
}
canvas{
width: 100%;
height: 100%;
  background-color: lightblue;
}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<div>
 <canvas>
 </canvas>
</div>

 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
 

saludos

1
  • Gracias si así lo hice al final.
    – cirus00
    Commented el 10 ago. 2018 a las 21:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.