score:1
follow official documentation: https://www.chartjs.org/docs/latest/configuration/legend.html
try by changing padding like the below code example, this might fix your problem:
legend: {
labels: {
padding: 40 //default is 10
},
display: true,
position: 'bottom',
align: 'start'
},
Source: stackoverflow.com
Related Query
- Increase padding between legend and chart with react-chartjs-2
- React chartjs-2 - Increase spacing between legend and chart
- how to increase space between legend and chart in chartjs (ng2charts ) using angular
- Chart.js - Increase spacing between legend and chart
- Increase space between legend and chart
- Increase gap between line-chart and legend ChartJS
- Chart.js - Increase spacing between bottom legend and chart
- Trying to export chart with Chartjs and React but getting erorr
- How can I reduce the spacing between my legend and chart proper in my Chart.JS bar chart, and increase it in the graph area?
- ChartJS - How to add Text between Pie Chart and Legend
- Chartjs Line chart options display increase and decrease percentage between each datapoint
- ChartJS distinguish clicks between chart area, dataset and legend
- How do I increase the space between the Legend and the Chart when using angular-chart.js?
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- ChartJS bar chart with legend which corresponds to each bar
- chartjs - top and bottom padding of a chart area
- Chart,js Pie Chart can the gap between a pie chart and the legend be adjusted
- ChartJS (React) Line Chart - How to show single tooltip with data and labels from 3 (multiple) dataset?
- to increase space between x axis and first horizontal bar in chart js
- React chart : prevent chart's canvas scaling with height and width
- Why would a ChartJS chart end up with width 0 and height 0?
- Graph streaming real-time data with react and chartjs
- React component wont re-render ChartJS chart with redux props
- Bar chart with min height and zero values - ChartJs
- How to reuse a Chartjs Chart component in with different Data and get past the **Canvas is already in use** error?
- How to increase space between label and chart area in chart.js
- Order and hide items of legend by value with Chartjs Angular
- How to make a chart with chartjs and Angular?
- Legend color not working with randomly generated background colors in chartjs pie chart
- Styling background (fill) with ChartJs and React
More Query from same tag
- ChartJS update chart with multiple datasets
- angular-chart.js, how to change colours labels
- How to use the useEffect function in react js chart 2 to change the labels?
- Chartjs won't render chart with Requirejs
- Hiding legend in PrimeNG
- Can't change labels' font color. Chartkick Ruby on rails
- chart js using for loop
- Remove blank space in chart.js chart
- ng2-charts and annotation plugin: annotations not visible after data update
- Chart.js Bar Chart - how to chart bars from 0
- How to avoid detached HTMLCanvasElements when updating canvas with JavaScript?
- how to remove duplicate data set labels in chartjs
- how to programmatically make a line chart point active/highlighted
- Chartjs doughnut with multiple dataset issue in legend creation
- Use AngularJS $scope var in on-page script
- Chart.JS custom legend onClick event returns error when calling original event handler
- ChartJs bar chart bar value displaying lower then Y axis value in pdf?
- Why are the default Chart.js legend boxes transparent rectangles?
- How to use Chart.js to draw solid points
- Chartjs - first x-axis tick is not displayed
- Issue While Passing Dynamic Datas in React Chart Js 2
- How to set 2 y-axis title (and/or label) on chartjs?
- ChartJS - line graph, position tooltip
- Adding label inside multiseries doughnut chart through chart.js
- HTML Canvas Fill Area Under Line
- React + ChartJS V3: Annoations don't work
- Chartsjs multi-axis, make the scale appear/disappear when the dataset is activated/deactivated
- Unable to change the legend symbol to rounded square in chartjs in React
- Updating chart.js based on selections from dropdown
- ChartJS creating var takes each character and outputs undefined