{"id":29090020,"url":"https://github.com/chartjs/chart.lineargauge.js","last_synced_at":"2025-06-28T04:30:22.621Z","repository":{"id":31124810,"uuid":"34684393","full_name":"chartjs/Chart.LinearGauge.js","owner":"chartjs","description":"Linear Gauge chart type for Chart.js","archived":false,"fork":false,"pushed_at":"2020-05-10T14:07:41.000Z","size":17,"stargazers_count":55,"open_issues_count":8,"forks_count":58,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-04-09T14:30:41.280Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://chartjs.github.io/Chart.LinearGauge.js/example","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/chartjs.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":"2015-04-27T18:40:59.000Z","updated_at":"2024-04-09T14:30:41.281Z","dependencies_parsed_at":"2022-09-08T19:00:33.611Z","dependency_job_id":null,"html_url":"https://github.com/chartjs/Chart.LinearGauge.js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chartjs/Chart.LinearGauge.js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2FChart.LinearGauge.js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2FChart.LinearGauge.js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2FChart.LinearGauge.js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2FChart.LinearGauge.js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chartjs","download_url":"https://codeload.github.com/chartjs/Chart.LinearGauge.js/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chartjs%2FChart.LinearGauge.js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262375234,"owners_count":23301240,"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-06-28T04:30:21.428Z","updated_at":"2025-06-28T04:30:22.596Z","avatar_url":"https://github.com/chartjs.png","language":"JavaScript","readme":"A linear gauge chart type extension for Chart.js originally conceptualized by [A. Scott McCulloch, PhD](http://www.tapintu.com) and coded by [Alexander V.](https://www.elance.com/s/alexj874/)\r\n\r\n# No Longer Maintained\r\n\r\nThis project is compatible only with Chart.js 1.x.\r\n\r\nIf you're interested in compatibility with newer versions of Chart.js, please see A. Scott McCulloch's repo https://github.com/scottmcculloch/Chart.LinearGauge.js\r\n\r\nIf you're simply looking for examples of creating new chart types, please see https://github.com/chartjs/awesome\r\n\r\n# Options\r\n\r\nAll options extend any existing default chart.js settings\r\n\r\n```javascript\r\n{\r\n\tgeometry: 'horizontal', // ('horizontal' or 'vertical') orientation of the chart\r\n\trange: { //range of chart\r\n\t\tstartValue: 0,\r\n\t\tendValue: 100\r\n\t},\r\n\taxisColor: '',\r\n\taxisWidth: '',\r\n\tmajorTicks: {\r\n\t\tinterval: 100,\t// if interval is 0 then ticks do not display\r\n\t\tcustomValues: [], // array of custom values\r\n\t\twidth: 6,\r\n\t\theight: 2,\r\n\t\toffset: 0, // offset from center of the chart\r\n\t\tcolor: '#fff'\r\n\t},\r\n\tminorTicks {}, //  see majorTicks above\r\n\ttickLabels: { // font style and size you may adjust according chart.js settings\r\n\t\tunits: '%', // will displayed after each label and in tooltips\r\n\t\tinterval: 100,\r\n\t\tcustomValues: [],\r\n\t\toffset: -9,\r\n\t\tcolor: '#777b80'\r\n\t},\r\n\tscaleColorRanges: [{\r\n\t\t\tstart: -20,\r\n\t\t\tend: 0,\r\n\t\t\tcolor: '#fe5066' // adds color segments to the axis\r\n\t\t}, {\r\n\t\t\tstart: 30,\r\n\t\t\tend: 50,\r\n\t\t\tcolor: '#1224fc'\r\n\t\t}],\r\n\tpadding: { // padding of chart\r\n\t\ttop: 0,\r\n\t\tbottom: 0,\r\n\t\tleft: 0,\r\n\t\tright: 0\r\n\t},\r\n\tmultiTooltipTitles: 'Total' // titles which will displayed on top of multitooltip popup\r\n}\r\n```\r\n\r\n# Dataset properties\r\n\r\nAll options extend any existing default chart.js settings\r\n\r\n```javascript\r\n{\r\n\tvalue: '', // indicator value\r\n\tindicator: '' // ('range' | 'point') - indicator type\r\n\tshape: '' // ('circle' | 'rect' | 'triangle' | 'inverted-triangle' | 'bowtie' | 'diamond') - shape for point indicator\r\n\twidth: ''\r\n\theight: ''\r\n\toffset: ''\r\n\tcolor: ''\r\n\thighlightFill: '' // mouse hover change color\r\n\tcolorRanges: [{ // change color of indicator according to it's value\r\n\t\t\tstartpoint: 0, \r\n\t\t\tbreakpoint: 20, \r\n\t\t\tcolor: '#6154ab'\r\n\t\t}, { \r\n\t\t\tstartpoint: 20, \r\n\t\t\tbreakpoint: 70, \r\n\t\t\tcolor: '#74f40b'\r\n\t\t}, {\r\n\t\t\tstartpoint: 70, \r\n\t\t\tbreakpoint: 100, \r\n\t\t\tcolor: '#fd0902'\r\n\t\t}],\r\n\ttooltipRanges: [{ // change tooltip of indicator according to it's value\r\n\t\t\tstartpoint: 0, \r\n\t\t\tbreakpoint: 20, \r\n\t\t\ttooltip: 'low'\r\n\t\t}, { \r\n\t\t\tstartpoint: 20, \r\n\t\t\tbreakpoint: 70, \r\n\t\t\ttooltip: 'normal'\r\n\t\t}, {\r\n\t\t\tstartpoint: 70, \r\n\t\t\tbreakpoint: 100, \r\n\t\t\ttooltip: 'high'\r\n\t\t}]\r\n\timg: '' // custom image for point indicator\r\n\tlabel: '' // shows before value in tooltips\r\n}\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchart.lineargauge.js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchartjs%2Fchart.lineargauge.js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchartjs%2Fchart.lineargauge.js/lists"}