{"id":213,"date":"2010-03-07T10:11:38","date_gmt":"2010-03-07T15:11:38","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/daws\/?p=213"},"modified":"2010-03-07T10:11:38","modified_gmt":"2010-03-07T15:11:38","slug":"cambio-de-charts-de-yui-a-google","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/daws\/2010\/03\/07\/cambio-de-charts-de-yui-a-google\/","title":{"rendered":"Cambio de charts de YUI a GOOGLE..!!"},"content":{"rendered":"<p>Google tambien implementa charts y como ya hemos utilizado YUI para la generacion de las tablas de las consultas, hemos optado por probar los charts de GOOGLE..!!<\/p>\n<p>Primero revisamos un poco el API de los charts en: <a href=\"http:\/\/code.google.com\/apis\/charttools\/\">http:\/\/code.google.com\/apis\/charttools\/<\/a> para el proyecto hemos decidido utilizar los <a href=\"http:\/\/code.google.com\/apis\/chart\/image_charts.html\">Image Charts<\/a>.<\/p>\n<p>En la consulta de los Gastos por Categoria usando esta tecnologia obtenemos el siguiente grafico:<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-214\" src=\"http:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascat-300x180.jpg\" alt=\"gascat\" width=\"300\" height=\"180\" srcset=\"https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascat-300x180.jpg 300w, https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascat-1024x614.jpg 1024w, https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascat.jpeg 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>En la consulta de los Gastos por Categoria y Mes usando esta tecnologia  obtenemos el siguiente grafico:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-215\" src=\"http:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascatmes-300x180.jpg\" alt=\"gascatmes\" width=\"300\" height=\"180\" srcset=\"https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascatmes-300x180.jpg 300w, https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascatmes-1024x614.jpg 1024w, https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/gascatmes.jpeg 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Para hacer esto \"jugamos\" un poco con el <a href=\"http:\/\/code.google.com\/apis\/ajax\/playground\/?type=visualization#column_chart\">Code Playground<\/a>... que nos genera ya el codigo para usar los charts..!!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-216\" src=\"http:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/colunmchart-300x180.jpg\" alt=\"colunmchart\" width=\"300\" height=\"180\" srcset=\"https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/colunmchart-300x180.jpg 300w, https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/colunmchart-1024x614.jpg 1024w, https:\/\/blog.espol.edu.ec\/daws\/files\/2010\/03\/colunmchart.jpeg 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google tambien implementa charts y como ya hemos utilizado YUI para la generacion de las tablas de las consultas, hemos optado por probar los charts de GOOGLE..!! Primero revisamos un poco el API de los charts en: http:\/\/code.google.com\/apis\/charttools\/ para el proyecto hemos decidido utilizar los Image Charts. En la consulta de los Gastos por Categoria [&hellip;]<\/p>\n","protected":false},"author":53,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-213","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/posts\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":2,"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/posts\/213\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/posts\/213\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/categories?post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/daws\/wp-json\/wp\/v2\/tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}