{"id":20526014,"url":"https://github.com/codeyellowbv/chartist-plugin-axis-label","last_synced_at":"2025-08-28T19:32:43.740Z","repository":{"id":29388048,"uuid":"32923136","full_name":"CodeYellowBV/chartist-plugin-axis-label","owner":"CodeYellowBV","description":"Axis labels plugin for Chartist.js","archived":false,"fork":false,"pushed_at":"2016-01-13T09:59:49.000Z","size":5,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-03-06T01:45:43.303Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeYellowBV.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-26T11:20:51.000Z","updated_at":"2017-12-28T08:39:32.000Z","dependencies_parsed_at":"2022-08-03T12:00:38.865Z","dependency_job_id":null,"html_url":"https://github.com/CodeYellowBV/chartist-plugin-axis-label","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/CodeYellowBV/chartist-plugin-axis-label","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeYellowBV%2Fchartist-plugin-axis-label","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeYellowBV%2Fchartist-plugin-axis-label/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeYellowBV%2Fchartist-plugin-axis-label/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeYellowBV%2Fchartist-plugin-axis-label/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeYellowBV","download_url":"https://codeload.github.com/CodeYellowBV/chartist-plugin-axis-label/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeYellowBV%2Fchartist-plugin-axis-label/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272543295,"owners_count":24952682,"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","status":"online","status_checked_at":"2025-08-28T02:00:10.768Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-11-15T23:11:52.523Z","updated_at":"2025-08-28T19:32:43.712Z","avatar_url":"https://github.com/CodeYellowBV.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# chartist-plugin-axis-label\n\nImplements axis labels (label on the X and Y axis) for [Chartist](https://github.com/gionkunz/chartist-js) charts.\n\nThis is a very basic plugin that could also be done outside the chart, but as it directly relates to the chart I wanted to include this in the chart.\n\n## Install\n\nAs styles are very different with each project, no CSS is included. You can copy paste this to use as base:\n\n```scss\n.ct-chart {\n    position: relative;\n}\n\n.ct-axis-label {\n    position: absolute;\n}\n\n.ct-x-axis-label {\n    bottom: 0;\n    left: 50%;\n}\n\n.ct-y-axis-label {\n    transform: rotate(-90deg);\n    top: 50%;\n    left: -20px;\n}\n```\n\n## Usage\n\nIn an example chart:\n\n```js\nnew Chartist.Bar('.ct-chart', data, {\n        stackBars: true,\n    },\n    plugins: [\n        Chartist.plugins.axisLabel({\n            axisX: {\n                name: 'Dollars'\n            },\n            axisY: {\n                name: 'Quarters'\n            }\n        })\n    ]\n});\n```\n\n| __Option__ | __Description__ | __Type__ | __Default__ |\n| ---        | ---             | ---      | ---         |\n| `axisX.name` / `axisY.name` | Name of axis label. | `string` | `false` |\n| `axisX.className` / `axisY.className` | Classname of axis label. | `string` | `ct-x-axis-label` / `ct-y-axis-label` |\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeyellowbv%2Fchartist-plugin-axis-label","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodeyellowbv%2Fchartist-plugin-axis-label","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeyellowbv%2Fchartist-plugin-axis-label/lists"}