score:12
Accepted answer
you can use the boxwidth option to influence the size of the point in the legend:
options: {
legend: {
labels: {
usepointstyle: true,
boxwidth: 6
}
}
}
Source: stackoverflow.com
Related Query
- Chart.js - style legend: smaller circles
- Chart Js update legend boxes of graph with graph line style
- how to change point style legend to diamond in chart js
- Chart.js - Increase spacing between legend and chart
- Pie Chart Legend - Chart.js
- Chartjs Bar Chart Legend
- chart js how to fill legend box with colour
- Change Chartjs Legend Icon Style
- ChartJS bar chart with legend which corresponds to each bar
- Make pie chart smaller Chart JS
- Chart.js HTML custom legend issues with doughnut chart
- Chart js: how can I align the legend and the title
- Chart Js, Style some ticks on the axis differently
- Increase padding between legend and chart with react-chartjs-2
- Chart,js Pie Chart can the gap between a pie chart and the legend be adjusted
- Chart.js Radar chart legend label font size doesn't work
- Chart.JS - Polar area - Legend hover style and margin
- Using Chart.js - Creating Legend for Doughnut Chart
- Removing ChartJS 2 border and shadow from point style legend
- Angular chart how to show the legend data value by default along with legend name
- Display point style on legend in chart.js
- Chart.js: Pie chart legend "onclick" gets overwritten by "options.onclick" if both are present
- Chart JS Legend Styling
- Chart.js chart onclick disables legend onclick
- chartjs Adding percentages to Pie Chart Legend
- ChartJS horizontal chart display legend on each bar
- Css style not working well when resizing chart height in angular application
- React chartjs-2 - Increase spacing between legend and chart
- How can I style scale numbers in a Polar Area chart (chart.js)
- change legend item style when dataset is hidden
More Query from same tag
- how to change background in chartjs and remove background lines?
- Chart.js bezier curve discontinuity
- Frontend and backend for chart using chartjs, mongodb, and controller
- How to edit the ID of each button in a class if a condition is true in JavaScript?
- Chart.js - Shift/Stagger labels horizontally (for x axis) instead of rotating
- Angular chart js how to use formatter with Doughnut chart
- Load data from a JSON object into an array
- Protractor - Get array from canvas attribute in Angular2 using ng2-charts/Chart.js
- Is it possible to remove the border between the segments but leave the border around the pie chart in react-chartjs-2?
- Chart.js - y axis custom label
- How to install Chart.js in Laravel? ("Uncaught ReferenceError: Chart is not defined")
- ChartJS -- How do I change scale color when I have to scales?
- Getting access to already created Chart.js chart
- How to implement chart.js in Angular2
- Django 1.11 - child template not inheriting from parent
- how to show data value on bar chart body rather than using tooltip?
- Chart.js letter spacing very awkward
- ChartJS: How to set a data point to be hidden by default?
- Google Chart and Chart.Js, Send C# variable to Script side in Asp .NET Core 2.2
- Trying to create a custom tooltip in a doughnut chart using chartsjs, but it is not working
- There's a way to link bars to a file in a chart bar in chart.js?
- Bug : Overlay loading automatically (bootstrap) (laravel 5.2)
- Get Date Range with Given Date
- How to 1. pass two datasets and 2.have permanent label on charts in Chartjs
- Datasets in Chart.js stacked barchart appear overlaid instead of stacked
- How to increase line chart width in ng2-charts?
- How to create dynamic charts with Django and Chart.js?
- Chartjs change grid line color
- angular-chart chart-line not working
- ChartJs x-axis label to be in dateTime format issue: DD-MMM-YYYY, but displayed as MMM-YYYY-DD
