score:54
Accepted answer
scale title configuration is a header if you scroll down in the documentation.
here is a simple bar chart example, using scalelabel which is sligtly modified to illustrate a percentage.
https://jsfiddle.net/r71no58a/4/
scales: {
yaxes: [{
ticks: {
min: 0,
max: 100,
callback: function(value) {
return value + "%"
}
},
scalelabel: {
display: true,
labelstring: "percentage"
}
}]
}
Source: stackoverflow.com
Related Query
- How to use percentage scale with Chart.js
- How to use log scale with Chart Kick?
- How to prevent first/last bars from being cut off in a chart with time scale
- How do I use my chart.js line chart with handlebars?
- How to use JSON data in creating a chart with chartjs?
- How to use chart.js to plot line chart with x axis as time stamp in seconds
- Angular chart js how to use formatter with Doughnut chart
- How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
- chartjs : how to set custom scale in bar chart
- How to fix chart Legends width-height with overflow scroll in ChartJS
- How to display Line Chart dataset point labels with Chart.js?
- chart js how to fill legend box with colour
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- chartjs: How to plot multi-line chart with irregular intervals
- How to use PrimeNg Chart of Width and Height?
- How to show percentage (%) in chart js
- How to display inline values in a stacked bar chart with Chart.js?
- How to display data labels outside in pie chart with lines in ionic
- How to use 'time' (data from database, data type: timestamp ) for plotting graph in Chart JS
- How to dynamically use chartjs-plugin-annotation with ng2-charts?
- How can I trigger the hover mode from outside the chart with charts.js 2?
- how to use chart.js with react Hook?
- ChartJS - how to display line chart with single element as a line? (not as a dot)
- How to use radial CanvasGradients with Chart.js's doughnut chart?
- Use transparent stroke color with chartjs pie chart
- ChartJS (React) Line Chart - How to show single tooltip with data and labels from 3 (multiple) dataset?
- How to add images to chart labels with vue-chartjs?
- Angular chart how to show the legend data value by default along with legend name
- How to show percentage (%) using chartjs-plugin-labels ( Pie chart ) in angular 2/8
- How to create chartjs chart with data from database C#
More Query from same tag
- How to draw one line with different colors in chartjs2?
- Change Chart JS Bar Chart Border to Dotted Line
- Align a data label below a point on a bubble graph (Chart.JS)
- Aligning zero on y axis to the labels on x axis of line chart in chartjs
- Chart Js invisible horizontal bar
- Chart Js Line chart with fill on click with full information of its legend text
- Is there a way to trigger point hit on an xAxis hover
- React COREUI CChart problem not rendering
- How to change colour of specific xAxis label in charts js
- Show X axis on top and bottom in line chart rendered with Chart.js 2.4.0
- Chart Js - Globally set bar chart color based on value
- Could not find elementById on mat-card-content
- Chart.js chart doesn't render when using Angular 2
- Angular2 charts (chart.js) Labels not vertical even though option is set
- Chart.js 2.0 doughnut tooltip percentages
- Disable background chart on chartjs
- "Does not provide an export named 'Tooltip'," even though I can output Tooltip
- chart.js first bar is not showing
- Chart.js and EJS: Display String, Not Calculation Result
- Vue-Chart.js: a chart doesn't begin from zero
- Problem with script src for Chart.js. The CDN for Chart.js funtions fine, so my code is ok. Somehow I'm not linking the file correctly
- ChartJS: How to dynamically create data arrays
- Chart.js legendcallback
- Chartjs removing labels and begin number
- Laravel 5.6 using laracharts. Chart wont render
- How to take data from an API and create a chart on that using Chart.js and Angular 8?
- Chart.js V2.7.2 How to make Horizontal scroll bar without loosing Y-Axis
- How to export/import modules between component files in Javascript
- Pass context to options on React ChartJS 2
- New Chart.js Chart onclick