# Gráficos ( gratuito) **URL:** \ **Category:** Compartir código fuente y ejemplos\ **Created:** [24 Noviembre, 2016 19:36 UTC](https://foros.velneo.com/t/graficos-gratuito/9205 "2016-11-24T19:36:07Z")\ **Posts on this page:** 18\ **Page:** 1
**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\ **Post date:** [24 Noviembre, 2016 19:36 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/1 "2016-11-24T19:36:07Z")
Con la llegada de QML 2 las posibilidades gráficas aumentan considerablemente, con el vin que se adjunta puedes presentar en tus formularios gráficos empresariales **sin utilizar el visor html ni librerias javascript estilo Highcharts o similares** , ver video: [![](https://img.youtube.com/vi/IB4S-eqoixc/hqdefault.jpg "vCharts, gráficos empresarieles en Velneo") ](https://www.youtube.com/watch?v=IB4S-eqoixc) ![Gráficos QML](http://www.bitcodesoft.com/media/graficos_qml.jpg) Solo para Velneo 7.20 en adelante, y aún queda lo mejor por llegar, espero que os sea útil. [vCharts.vin](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/4/4c71213591563238b6d6d770fa515389636ca0d9.vin) (42.4 KB) ---
**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\ **Post date:** [24 Noviembre, 2016 21:48 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/2 "2016-11-24T21:48:32Z")
Muy bueno. Gracias por el aporte ---
**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\ **Post date:** [24 Noviembre, 2016 21:55 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/3 "2016-11-24T21:55:31Z")
- El proyecto no es editable. - Pone demo cuando indicas que es gratuito. - No se un proyecto ejecutable. ---
**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\ **Post date:** [24 Noviembre, 2016 22:27 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/4 "2016-11-24T22:27:15Z")
Hola bitcodesoft. Gracias por el aporte: - ¿Cómo podemos probar esa demo? He heredado el vCharts y he incorporado el fichero QChart.qml a un formulario QML de mi proyecto pero no se visualiza nada. - ¿Hay alguna instrucción de uso? - ¿Cómo has conseguido incorporar el módulo QML QtCharts a Velneo 20? Velneo lo anunció en la beta, pero finalmente ha desaparecido, junto con el módulo QtWebkit y QtQuick.Particles, éstos últimos no funcionan. Saludos Paco Satué ---
**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\ **Post date:** [25 Noviembre, 2016 01:32 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/5 "2016-11-25T01:32:35Z")
~~El proyecto no es editable.~~ Cierto, no se puede editar ~~Pone demo cuando indicas que es gratuito.~~ Es un simple nombre (demostración), pero es gratuito y funcional al 100%. ~~No es un proyecto ejecutable.~~ Cierto no es ejecutable, solo se puede heredar y listo, ya lo puedes ejecutar desde cualquier aplicación Velneo, sin ningún tipo de limitación. ~~¿Cómo podemos probar esa demo?~~ ¿no comprendo muy bien tu pregunta?, instalas vCharts Demo y lo ejecutas. ~~¿Hay alguna instrucción de uso?~~. En el vin de la demo está bastante claro, de todas formas voy a crear la documentación correspondiente y la subiré cuando esté disponible. ~~¿Cómo has conseguido incorporar el módulo QML QtCharts a Velneo 20?~~. No lo he incorporado se utiliza directamente el objeto canvas de QML 2.0 y javascript pintando en dicho objeto. A ver no estoy muy seguro pero el vin de la descarga tiene que instalar dos proyectos vCharts Demo y vCharts, no lo he guardado así que no me acuerdo, si no es así me decís algo que vuelvo a generar el vin y lo subo. QChart.qml no es un formulario ni una lista, debes crear un fichero qml en tu proyecto e importar de la siguiente forma: ```auto import "../5o3si3pe.vca/QChart.js" as Charts import "../5o3si3pe.vca" ``` Dentro de este fichero ya puedes crear el componente QChart e insertarlo en un formulario, fíjate en el vin de demostración. ---
**Author:** ![pacosatu](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/pacosatu/32/5131_2.png) [@pacosatu](https://foros.velneo.com/u/pacosatu)\ **Post date:** [25 Noviembre, 2016 08:10 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/6 "2016-11-25T08:10:22Z")
Hola bitcodesoft. Gracias, con las instrucciones de instalación, ahora está claro. Culpa mía, no había visto la Solución “vcharts demo” (al estar en minúsculas se coloca al final de la lista de Soluciones y no a continuación de vCharts). Un buen ejemplo de lo que se puede hacer con el nuevo objeto Canvas, tan largamente esperado en Velneo. Saludos Paco Satué ---
**Author:** ![jorge.hontoria](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/jorge.hontoria/32/86_2.png) [@jorge.hontoria](https://foros.velneo.com/u/jorge.hontoria)\ **Post date:** [25 Noviembre, 2016 12:26 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/7 "2016-11-25T12:26:31Z")
El autor original de la libreria JS es [http://www.chartjs.org/](http://www.chartjs.org/) El autor de este fork QML es [https://github.com/jwintz/qchart.js](https://github.com/jwintz/qchart.js). Estos proyectos tienen licencia MIT. Es fácil de integrar en v7.20 (5 minutos de reloj)… Adjunto un vin con el mismo ejemplo funcionando y abierto a la comunidad [QChart.vin](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/7/7d64dec17d07c319e9fd73952ed348ad1fe97c6b.vin) (18.5 KB) ---
**Author:** ![jorge.hontoria](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/jorge.hontoria/32/86_2.png) [@jorge.hontoria](https://foros.velneo.com/u/jorge.hontoria)\ **Post date:** [25 Noviembre, 2016 12:42 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/8 "2016-11-25T12:42:32Z")
Os adjunto otro ejemplo de naturaleza similar. En esta caso tiene una licencia abierta atribuible a Copyright © 2010-2015, Michael Bostock > **[D3.js in QML](https://johnflux.com/2015/06/18/d3js-in-qml/comment-page-1/)** > > I wanted to do a physics-based layout in QML, to have bouncing bubbles etc. D3.js  has everything that I needed, but it needed to be tweaked to get it to run: Create some dummy functions to stub th… Hace funcional la librería D3.js en Velneo > **[D3.js - Data-Driven Documents](https://d3js.org/)** > > D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS. A jugar toca… [D3.vin](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/1/105554f8f0511fbf181ac5ed61b335bdb53e4f8b.vin) (134 KB) ---
**Author:** ![jorge.hontoria](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/jorge.hontoria/32/86_2.png) [@jorge.hontoria](https://foros.velneo.com/u/jorge.hontoria)\ **Post date:** [25 Noviembre, 2016 12:45 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/9 "2016-11-25T12:45:51Z")
Existen decenas… Estaría bien que os animaseis a realizar forks para velneo de todas ellas: Licencia MIT: BonsaiJS ([http://bonsaijs.org/](http://bonsaijs.org/)), ChartJS ([http://www.chartjs.org/](http://www.chartjs.org/)), Flotr ([http://solutoire.com/flotr/](http://solutoire.com/flotr/)) and RaphaelJS ([http://raphaeljs.com/](http://raphaeljs.com/)) BSD license: D3js ([http://d3js.org/](http://d3js.org/)) Creative Commons Attribution license: RGraph ([http://www.rgraph.net/](http://www.rgraph.net/)) ---
**Author:** ![jorge.hontoria](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/jorge.hontoria/32/86_2.png) [@jorge.hontoria](https://foros.velneo.com/u/jorge.hontoria)\ **Post date:** [25 Noviembre, 2016 13:09 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/10 "2016-11-25T13:09:36Z")
Otro ejemplo… esta vez jugando con SVG dentro de QML > **[elpuri/qml-swiss-railways-clock-svg](https://github.com/elpuri/qml-swiss-railways-clock-svg)** > > The classic Swiss railways clock implemented in QML with SVG graphics - elpuri/qml-swiss-railways-clock-svg Copyright © 2013, Juha Turunen [SwissRailwaysClock.vin](https://canada1.discourse-cdn.com/flex035/uploads/velneo/original/2X/4/424a44a1e2f417871ee3645810124dbaf31fc30f.vin) (14.6 KB) ---
**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\ **Post date:** [25 Noviembre, 2016 13:49 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/11 "2016-11-25T13:49:50Z")
Buenas tardes Jorge ¿en qué sitio de mi post ves tú que digo yo que el autor soy yo?. El motivo de estar cerrado es que lo voy a incluir en vErp como gráficos de estadísticas del backoffice del TPV y aquí sí está abierto. Por otra parte, te aseguro que no necesito atribuirme trabajos de otras personas para simular mis conocimientos en QML, creo que está bastante bien acreditado con trabajos íntegramente creados por mi desde cero, pásate por mi canal en youtube, por mucho que te mates buscando en San Google no vas a encontrar nada similar ( planos, mesas, agenda, odontograma, etc), y lo que no has visto aún( ya te lo iré enseñando para que te distraigas un poco, que te veo algo aburrido). Me parece estupendo que incorpores enlaces a proyectos que se puedan integrar en Velneo y así ampliamos nuestros conocimientos, pero la forma en la que has comenzado tus comentarios me parecen una especie de ataque sin ningún motivo, está bien que nos ilustres, pero eso de ~~el autor original~~ es como si quisieras decir que yo he intentado atribuirme el trabajo de otra persona, yo no voy por los blogs diciendo que el TPV que incorporas en tu ERP lo he programado yo, en fin debes estar muy aburrido si te has tomado tantas molestias para intentar desacreditar un aporte **que de ninguna manera he dicho que el código me perteneciese a mí** , faltaría más, lo único que he realizado es aportar un componente de libre distribución e integrarlo en Velneo y compartirlo ( no lo vendo, no lo he puesto en mi Web, etc.) ---
**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\ **Post date:** [25 Noviembre, 2016 13:54 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/12 "2016-11-25T13:54:18Z")
Perdón donde he puesto: Buenas tardes Jorge ¿en qué sitio de mi post ves tú que digo ~~yo~~ que el autor soy yo?. Lo modifico: Buenas tardes Jorge ¿en qué sitio de mi post ves tú que digo que el autor soy yo?. Por si sientes la tentación de corregirme. Saludetes ---
**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\ **Post date:** [25 Noviembre, 2016 13:57 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/13 "2016-11-25T13:57:21Z")
¿Es posible obtener una imagen del canvas, png, jpg? Estaría genial para poder enviarlo a un informe. ---
**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\ **Post date:** [25 Noviembre, 2016 14:17 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/14 "2016-11-25T14:17:54Z")
No, da error, en teoría si se puede, canvas.save(), pero existe un bug, rompe el vClient. ---
**Author:** ![jorge.hontoria](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/jorge.hontoria/32/86_2.png) [@jorge.hontoria](https://foros.velneo.com/u/jorge.hontoria)\ **Post date:** [25 Noviembre, 2016 14:19 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/15 "2016-11-25T14:19:17Z")
Yo no he dicho nada, eso creo. Todo lo que dices es la interpretación que tu haces. Siento haberte ofendido. En ningún momento lo pretendía. Respecto al TPV, TipeSoft paga por el vERP (se incluye con N4) y con ese código hacemos lo que creemos conveniente (eso dice la licencia que pagamos). Si te molesta que lo hagamos no creo que sea a nosotros a los que tengas que reprochárnoslo. ---
**Author:** ![bitcodesoft](https://avatars.discourse-cdn.com/v4/letter/b/2acd7d/32.png) [@bitcodesoft](https://foros.velneo.com/u/bitcodesoft)\ **Post date:** [25 Noviembre, 2016 14:43 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/16 "2016-11-25T14:43:00Z")
No, en absoluto me molesta, de hecho, el propietario legal es Velneo, no yo. Lo que quería decir es que yo no ando por los blogs intentando desacreditar a nadie, si tienes algo que aportar abres otro hilo y pones tus demos, voy más allá, da la sensación de que te has pasado todo el día creando los vin solo para decir: ¡jo yo también se hacer esa cosa con QML!, porque si los tenías no comprendo el por qué has esperado hasta hoy para subirlos. Si no pretendias esto, pues **te pido un millón de disculpas** , ¿puede que te haya mal interpretado?. Yo por mi parte he concluido este tema, buenos días ---
**Author:** ![jjsoft](https://avatars.discourse-cdn.com/v4/letter/j/7c8e57/32.png) [@jjsoft](https://foros.velneo.com/u/jjsoft)\ **Post date:** [25 Noviembre, 2016 15:01 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/17 "2016-11-25T15:01:08Z")
Jorge, muchas gracias por el aporte. ---
**Author:** ![ereitmann](https://avatars.discourse-cdn.com/v4/letter/e/8491ac/32.png) [@ereitmann](https://foros.velneo.com/u/ereitmann)\ **Post date:** [25 Noviembre, 2016 15:24 UTC](https://foros.velneo.com/t/graficos-gratuito/9205/18 "2016-11-25T15:24:50Z")
Jorge Hontoria (tipesoft) Muchisimas… pero Muchisimas gracias por compartir toda esta información desinteresadamente… y tambien a bitecodesoft ya que sin su participación jorge Hontoria tal vez no se hubiera visto en la necesidad de aportar…