{"id":24568962,"url":"https://github.com/bitliner/angularchart","last_synced_at":"2025-04-22T17:23:22.715Z","repository":{"id":7091954,"uuid":"8382973","full_name":"bitliner/AngularChart","owner":"bitliner","description":"AngularChart is an angularjs directive to build charts quickly and easily.","archived":false,"fork":false,"pushed_at":"2013-02-24T11:26:06.000Z","size":212,"stargazers_count":12,"open_issues_count":0,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-22T17:23:08.439Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/bitliner.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-02-23T22:32:38.000Z","updated_at":"2023-11-13T12:35:00.000Z","dependencies_parsed_at":"2022-09-04T11:20:12.238Z","dependency_job_id":null,"html_url":"https://github.com/bitliner/AngularChart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bitliner%2FAngularChart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bitliner%2FAngularChart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bitliner%2FAngularChart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bitliner%2FAngularChart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bitliner","download_url":"https://codeload.github.com/bitliner/AngularChart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250285900,"owners_count":21405329,"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":"2025-01-23T14:55:53.511Z","updated_at":"2025-04-22T17:23:22.681Z","avatar_url":"https://github.com/bitliner.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AngularChart\n\nAngularChart is an angularjs directive to build charts quickly and easily. \nIt lets you to create a chart in a declarative way using specific html tags and attributes with the minimum effort. Indeed it is a unique interface to complex and specific libraries for charts.\n\n## Usage \n\n### Example\nFor a line chart, put in your html file:\n\n`\n\u003cchart title=\"Line chart example\" xData=\"lineChartXData\" yData=\"lineChartYData\" xName=\"Month\" yName=\"Hit\" \u003e\u003c/chart\u003e\n`\n\nwhere xData and yData attributes specify the name of the variables that point to the chart data. This variables must be created in corresponding angularjs scope (in the example *lineChartXData* and *lineChartYData* are variables declared in corresponding angularjs scope).\n\nThis tag produces the following chart:\n![Example image](https://github.com/bitliner/AngularChart/raw/master/examples/img/screenshot.png \"Example image\")\n\n### Format of chart data\n\nIt depends on type of the chart.\nIf the chart is a line chart, the data is an object with 2 properties:\n* **xData**: data of x axis, it is an array of values\n* **yData**: data of y axis, it is an array of objects, where every has 2 parameters\n  * **name**: the name of the line \n  * **data**: an array of values. The lenght of the array is the same length of xData, and the value in each position of the array coresponds to the x value at same position in the xData array\n\nSee the example, and `examples/data/line-chart.json` file to see the format of data of a line chart.\n\n### Html supported attributes\n\nThe following attributes of `chart` tag are now supported:\n* title: the title of the chart\n* subtitle: a subtitle that compares just below the title\n* xData: the name of scope variable the holds the data of x axis\n* yData: the name of scope variable the holds the data of y axis\n* xName: the name of x axis\n* yName: the name of y axis\n* yInterval: the interval of markers of y axis (if not specified the library calculates it automatically)\n* yMin: the minimum value of y axis (if not specified the library calculates it automatically)\n* yMax the maximum value of y axis (if not specified the library calculates it automatically)\n* formatter: the name of variable in the scope that points to function/value that will be displayed when the mouse is over a point of a line\n\nAll attributes are optional, except xData and yData\n\n### Type of charts\n\nNow it supports only a line chart, and it uses HighCharts library to build the charts. More types and more libraries will be supported in the next future.\n\n## TODO\n\n* define the unique interface to other libraries\n* support for more libraries to build the charts (d3)\n* support for more types of charts (pie chart, etc.)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbitliner%2Fangularchart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbitliner%2Fangularchart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbitliner%2Fangularchart/lists"}