score:0
you can add this:
options: {
**maintainaspectratio : true**, // make the pie small
legend: {
display: true,
labels: {
**fontsize: 15** //change the size of the labels
}
}
}
good luck
score:3
i don't know whether you looked the documentations on chart.js
anyway here i'm posting some ideas that you are looking for.
options: {
legend: {
display: true,
labels: {
fontcolor: 'rgb(255, 99, 132)'
}
}
}
for enhancement please look at this
Source: stackoverflow.com
Related Query
- How to Increase the label font size and decrease the size of my pie using chart.js?
- How to increase the size of the donut or pie chart and keep the legend next to it in chart JS?
- How to show symbols after the label and before the numeric value using chart.js Bar chart in Angular
- I am using chart js to draw a chart. I did everything right but i don't know why the x axis and y axis label is not comming in chart. code below
- How to make the size of pie chart fixed without using canvas (chart.js)
- How do I increase the space between the Legend and the Chart when using angular-chart.js?
- How can I increase the size of the pie (Chart.JS)?
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- How to draw outer labels for polar chart using ng2-charts and chart.js at fixed positions outside the rings?
- How to change the label and grid line position on a timeseries chart in Chart.js 3?
- Chart JS, ng2-Charts - How to make the label to the right of pie chart instead on top?
- How to style a pie chart in chart js? I want to change the border color, border width and give them shadow
- increase the label size of a line chart in chart.js
- How to increase space between label and chart area in chart.js
- how to increase space between legend and chart in chartjs (ng2charts ) using angular
- How do I increase the arrow length on the pie chart in Charts.js?
- Chart.js How to sum the values in a pie chart and display them in the header
- How to display the values inside the pie chart of PrimeNG (chart) using JavaScript or Angular
- 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?
- How to plot a line chart which has both the start and points outside the canvas area using Chart.js
- How to increase the spacing between labels and the chart
- How to increase size and family in a radar's Chartjs label
- How to add custom text inside the bar and how to reduce the step size in y axis in chart js( Bar chart )
- How can i change the every legend label font color using chart.js version 2.8.0 (spacial line chart)?
- How can i get the Chart JS Bar Graph Bar Label and Value on click?
- How to add text inside the doughnut chart using Chart.js?
- chartjs datalabels change font and color of text displaying inside pie chart
- How to save Chart JS charts as image without black background using blobs and filesaver?
- How to add text in centre of the doughnut chart using Chart.js?
- How to display the labels in doughnut chart using ng2 charts?
More Query from same tag
- Draw chart.js as svg
- Line chart is not being displayed in Chart.js
- Reading converted rss to json file with chart.js not working
- Chart js nested pie label colors in legend
- Get hash value Rails / Chart.JS
- Force ChartJS to show Doughnut chart with null values
- Line chart is showing under bar in combochart in chartjs
- Chart bundle js is not showing dynamic data
- chartjs how to apply after animation
- Possible to merge 2 bars in bar chart (chart.js)
- Hide the element text on line charts since it overlaps with the line
- ChartJs pie legend position
- Attach data to label (Chart.js & Django 3)
- How to apply to different bground color for each area in Chart.js
- Can we remove bar chart line on click on pie chart legend label?
- Grouped bar charts with intersecting ticks
- Show Labels on Pie pieces instead of Data values Chart.js
- Displaying a chartjs chart within a bulma full height hero
- Age pyramid chart using chart.js
- chart.js time series skips days
- Testing Chart.js with Jest/Enzyme - Failed to create chart: can't acquire context from the given item
- Is it able to align line chart at left margin in mixed chart?
- Chart js - Customize chart
- ChartJS: Limit Y Axis to cut outlimit values
- How to display Tooltip without hovering pie chart with Chart.JS
- ChartJS multiple tooltip callbacks not working
- HTML how block elements to not go over footer etc
- Adding additional properties to a Chart JS dataset
- react-chartjs-2 keep x axis always 0% to 100%
- Chart JS how to display an array of data objects as bar chart