{"id":16944630,"url":"https://github.com/krgn/kanso-jquery-flot","last_synced_at":"2026-04-29T09:05:32.166Z","repository":{"id":152791449,"uuid":"3728307","full_name":"krgn/kanso-jquery-flot","owner":"krgn","description":"http://kan.so package for the flot plotting library","archived":false,"fork":false,"pushed_at":"2012-03-15T13:17:08.000Z","size":440,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-21T08:17:37.583Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://code.google.com/p/flot/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/krgn.png","metadata":{"files":{"readme":"README.txt","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-03-15T13:11:13.000Z","updated_at":"2013-12-07T00:54:57.000Z","dependencies_parsed_at":"2023-04-13T00:16:31.697Z","dependency_job_id":null,"html_url":"https://github.com/krgn/kanso-jquery-flot","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/krgn/kanso-jquery-flot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krgn%2Fkanso-jquery-flot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krgn%2Fkanso-jquery-flot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krgn%2Fkanso-jquery-flot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krgn%2Fkanso-jquery-flot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/krgn","download_url":"https://codeload.github.com/krgn/kanso-jquery-flot/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/krgn%2Fkanso-jquery-flot/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259325297,"owners_count":22841052,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-13T21:18:47.433Z","updated_at":"2026-04-29T09:05:32.112Z","avatar_url":"https://github.com/krgn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"About\n-----\n\nFlot is a Javascript plotting library for jQuery. Read more at the\nwebsite:\n\n  http://code.google.com/p/flot/\n\nTake a look at the examples linked from above, they should give a good\nimpression of what Flot can do and the source code of the examples is\nprobably the fastest way to learn how to use Flot.\n  \n\nInstallation\n------------\n\nJust include the Javascript file after you've included jQuery.\n\nGenerally, all browsers that support the HTML5 canvas tag are\nsupported.\n\nFor support for Internet Explorer \u003c 9, you can use Excanvas, a canvas\nemulator; this is used in the examples bundled with Flot. You just\ninclude the excanvas script like this:\n\n  \u003c!--[if lte IE 8]\u003e\u003cscript language=\"javascript\" type=\"text/javascript\" src=\"excanvas.min.js\"\u003e\u003c/script\u003e\u003c![endif]--\u003e\n\nIf it's not working on your development IE 6.0, check that it has\nsupport for VML which Excanvas is relying on. It appears that some\nstripped down versions used for test environments on virtual machines\nlack the VML support.\n\nYou can also try using Flashcanvas (see\nhttp://code.google.com/p/flashcanvas/), which uses Flash to do the\nemulation. Although Flash can be a bit slower to load than VML, if\nyou've got a lot of points, the Flash version can be much faster\noverall. Flot contains some wrapper code for activating Excanvas which\nFlashcanvas is compatible with.\n\nYou need at least jQuery 1.2.6, but try at least 1.3.2 for interactive\ncharts because of performance improvements in event handling.\n\n\nBasic usage\n-----------\n\nCreate a placeholder div to put the graph in:\n\n   \u003cdiv id=\"placeholder\"\u003e\u003c/div\u003e\n\nYou need to set the width and height of this div, otherwise the plot\nlibrary doesn't know how to scale the graph. You can do it inline like\nthis:\n\n   \u003cdiv id=\"placeholder\" style=\"width:600px;height:300px\"\u003e\u003c/div\u003e\n\nYou can also do it with an external stylesheet. Make sure that the\nplaceholder isn't within something with a display:none CSS property -\nin that case, Flot has trouble measuring label dimensions which\nresults in garbled looks and might have trouble measuring the\nplaceholder dimensions which is fatal (it'll throw an exception).\n\nThen when the div is ready in the DOM, which is usually on document\nready, run the plot function:\n\n  $.plot($(\"#placeholder\"), data, options);\n\nHere, data is an array of data series and options is an object with\nsettings if you want to customize the plot. Take a look at the\nexamples for some ideas of what to put in or look at the reference\nin the file \"API.txt\". Here's a quick example that'll draw a line from\n(0, 0) to (1, 1):\n\n  $.plot($(\"#placeholder\"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });\n\nThe plot function immediately draws the chart and then returns a plot\nobject with a couple of methods.\n\n\nWhat's with the name?\n---------------------\n\nFirst: it's pronounced with a short o, like \"plot\". Not like \"flawed\".\n\nSo \"Flot\" rhymes with \"plot\".\n\nAnd if you look up \"flot\" in a Danish-to-English dictionary, some up\nthe words that come up are \"good-looking\", \"attractive\", \"stylish\",\n\"smart\", \"impressive\", \"extravagant\". One of the main goals with Flot\nis pretty looks.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrgn%2Fkanso-jquery-flot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrgn%2Fkanso-jquery-flot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrgn%2Fkanso-jquery-flot/lists"}