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
- Charts with previous data appear when hovering the cursor over the chart in Chart.js
- Render Chart.js on backend side ASP.NET
- Angular 5 chart.js onclick returning empty array
- use chart.js on a page that was loaded by ajax
- ChartJS Data Overflowing Chart area
- how do i make ungrouped datasets with charts.js
- How do I add an image in the middle of Donut Chart?(Chart.js)
- How do I implement the 'autoskip' feature in chartjs?
- Resizable/Expendable box annotation in ChartJs
- Php Array to line chart in ChartJs
- django 'LineChart' object has no attribute 'get'
- Change the color of displayed values in pie chart
- Chart.js - Make x-axis grouped by day
- How to add an extra legend item in chart.js?
- chartjs stack bar graph color not working
- Can JS lib can be use in Native Tizen App?
- Laravel determine the date from database if MONDAY-SUNDAY
- Accessing .csv data from views file
- how do I break a comma separated string into new lines in tooltip callbacks afterBody?
- Can't change the default color and font size of labels in react-chartjs-2
- Angular and ChartJS to create bar chart
- react-chartjs-2 TypeError: undefined is not an object (evaluating 'nextDatasets.map')
- angular chart js type line setting chart-options not working
- Add an image as background in ChartJS chart area [Not to canvas]
- Have shading begin at 0 but not scale
- How to display different datasets from different ajax calls in the same ChartJS?
- Passing json_encode to chart.js won't work
- plot a bar chart.js time series
- Making my website interactive with the size of the screen/browser
- How implement Chart.js in Angular 2?