{"id":1477,"date":"2018-01-19T19:22:53","date_gmt":"2018-01-19T19:22:53","guid":{"rendered":"http:\/\/goofy-trucks.flywheelsites.com\/html_graphs\/"},"modified":"2018-01-19T19:24:49","modified_gmt":"2018-01-19T19:24:49","slug":"html_graphs","status":"publish","type":"post","link":"https:\/\/phpbuilder.com\/html_graphs\/","title":{"rendered":"HTML_Graphs"},"content":{"rendered":"<div class=\"phpbuilder-content\">\n<div class=\"phpbuilder-meta\">\n<div class=\"\">By Tim Perdue<\/div>\n<div class=\"\">on July 30, 2000<\/div>\n<\/p><\/div>\n<div id=\"overflow-content\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/phpbuilder.com\/wp-content\/uploads\/2018\/01\/tim2.jpg\" class=\"articleAuthorImg\" alt=\"picture of Tim Perdue\" height=\"90\" width=\"100\" align=\"left\"\/><\/p>\n<div class=\"articlePara\">\nWhen I compiled PHP on my LinuxPPC box, I didn&#8217;t have GD installed and<br \/>\n didn&#8217;t want to add another layer of complexity by compiling it in. GD<br \/>\n will let you do all kinds of cool things &#8211; creating gifs, complex charts, etc,<br \/>\n if you use libraries from the Sample Code Archive here on this site and PHP&#8217;s<br \/>\n built in functionality.<\/div>\n<div class=\"articlePara\">\nI didn&#8217;t want the lack of GD to stifle me too much, so I started hunting around<br \/>\n for a way to generate html-based graphs and charts. Fortunately, someone<br \/>\n had already gone to the trouble of writing up a class to handle that.<br \/>\n  at<br \/>\n <a href=\"http:\/\/www.webguys.com\/pdavis\/Programs\/html_graphs\/\" target=\"_blank\">WebGuys<\/a><br \/>\n provided a nifty class called <a href=\"class-graphs.html\" target=\"_blank\">HTML_Graphs.<\/a><\/div>\n<div class=\"articlePara\">\nAt first, I was a little taken back by the complexity of the class. It does<br \/>\nall kinds of things, from vertical bar charts to multiple horizontal bar charts.<br \/>\nBecause I knew I was going to use the class a lot, I spent some time creating a<br \/>\ncouple of wrapper functions.<\/div>\n<div class=\"articlePara\">\nMany of the functions of the class don&#8217;t need to be used for basic graphing,<br \/>\nwhich is what I am showing here. For instance, I don&#8217;t see any need to<br \/>\n go into detail on creating multiple charts at once. And vertical charts<br \/>\nare created as easily as horizontal charts &#8211; just change the &#8220;type&#8221; parameter<br \/>\nin the GraphIt() function that I detail elsewhere.<\/div>\n<div class=\"articlePara\">\nSo let&#8217;s get started. I will at first lay out the functions I have written,<br \/>\nand then we&#8217;ll talk about a specific use for them.<\/div>\n<\/div>\n<p><\/p>\n<div style=\"float: left; padding:15px; color:#17AAF3\">\n<div style=\"background-color:#B6E5FC; font-size:16px; margin-top:1px; padding:1px 4px 1px 4px; color:#000; font-style:bold; float:left;\">1<\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"tim199908124658.html?page=2\">2<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"tim199908129ba9.html?page=3\">3<\/a> <\/div>\n<div style=\"float:left; font-size:16px; color:#FF7A22; padding:2px 2px 2px 2px; \">| <\/div>\n<div style=\"float:left; padding:2px 4px 2px 4px;\"><a class=\"pageNumber\" href=\"tim19990812fdb0.html?page=4\">4<\/a> <\/div>\n<div style=\"float:left; padding:2px;\"><a class=\"paginationPageLink\" href=\"tim199908124658.html?page=2\">Next Page \u00bb<\/a><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>By Tim Perdue on July 30, 2000 When I compiled PHP on my LinuxPPC box, I didn&#8217;t have GD installed and didn&#8217;t want to add another layer of complexity by compiling it in. GD will let you do all kinds of cool things &#8211; creating gifs, complex charts, etc, if&#8230; <a href=\"https:\/\/phpbuilder.com\/html_graphs\/\" class=\"readmore\"><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1477","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/comments?post=1477"}],"version-history":[{"count":1,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1477\/revisions"}],"predecessor-version":[{"id":2249,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/posts\/1477\/revisions\/2249"}],"wp:attachment":[{"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/media?parent=1477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/categories?post=1477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phpbuilder.com\/wp-json\/wp\/v2\/tags?post=1477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}