score:13
Accepted answer
It's well hidden, but you can find this under "Point Label Options"
http://www.chartjs.org/docs/#scales-radial-linear-scale
here is a example: https://jsfiddle.net/qvrt01jp/1/
options: {
scale: {
pointLabels :{
fontStyle: "bold",
}
}
}
global should also work if set it like this:
Chart.defaults.global.defaultFontStyle = 'italic'
score:0
To give an update for v3.5.1:
Like this for font weights:
Chart.defaults.font.weight = '600';
Or if you want to do it inside the options object:
options: {
plugins: {
legend: {
labels: {
font: {
style: 'italic',
weight: '600',
}
}
}
}
}
Documentation with more info: https://www.chartjs.org/docs/latest/general/fonts.html
Source: stackoverflow.com
Related Query
- Chart js. How to change font styles for "labels" array?
- Chart.js how to show cursor pointer for labels & legends in line chart
- How to access labels array using chart plugin (Chart.pluginService.register) in Chartjs 2.x?
- Change labels colors for radar chart js
- How to map json array to two different array for chart
- How to draw outer labels for polar chart using ng2-charts and chart.js at fixed positions outside the rings?
- How do I customize y-axis labels and randomly pick the value from the data range for x-axis in Chart js
- How to change fonts and axis labels for Chart.js image rendering with QuickChart?
- How to change background color of labels in line chart from chart.js?
- how to change display and styles of the labels in react-chartjs-2
- How to change font weight of footer in tooltips in Chart JS
- How to write better code in es6 for formatting an object with array values
- How to change text colour of specific labels of axis in Chart JS?
- Is there any way to change the font size of labels in bar chart in Chart.js v3?
- How to change the position of the tooltip for the Bar type chart in Chart.Js
- How to create an array of objects dynamically in javascript for a pie chart
- How to change React line chart tooltip title font family in chart.js
- How to change font size, padding of chart title only, in chart.js 3.x
- how to get multiple x-axis labels for a react-chartjs-2 chart
- How can labels/legends be added for all chart types in chart.js (chartjs.org)?
- Chart Js Change Label orientation on x-Axis for Line Charts
- How to change colours for Angular-Chart.js
- chartjs datalabels change font and color of text displaying inside pie chart
- How to display Line Chart dataset point labels with Chart.js?
- How to add second Y-axis for Bar and Line chart in Chart.js?
- How to add datas to chart js from javascript array itself?
- How to change the labels to the image (icon) in bar chart.js
- How do I change the 'months' language displayed on the date axis in Chart JS?
- Can I specify a different font size for each row of text in Chart Title?
- How to display data labels outside in pie chart with lines in ionic
More Query from same tag
- chart js with angular2 loading dynamic data only after zoomin
- How to use an Aurelia JSPM plugin with WebPack
- Chart Js, Style some ticks on the axis differently
- How can I fix the offset of the gradient to be aligned with the chart points(chart.js)?
- live update ecg chart with python and flask
- How to update Chartjs chart (react-chartjs-2) with dynamic data?
- Getting data into script tag from route?
- Cannot find module 'chart.js'
- Charting Commodity Data - Issue getting the dates and values in JSON
- Rotating a chart.js pie chart with two datapoints to align both sectors on horizontal axis
- Bar chart does not appear with Chart.js
- How to loading animation while populating activerecord in Rails 4.0?
- How to See Only the Image of Chart
- Where can I download a certain version of d3.js for angular?
- Animating outerRadius and innerRadius
- Removing labels from chart.js with a media query (or change option value)
- Chart.js - Styling Legend - ONE legend entry per line
- Chart.js vertical line when hovering and shadow on line
- How to adjust axis width independently of gridLines lineWidth in chart.js graphs?
- How to update chart.js chart with new data?
- chart.js v3 - data decimation not working with zoom plugin
- How to put rounded corners on a Chart.js Bar chart
- Load Tooltip faster during onHover of Legend Doughnut chart
- How to remove rectangle box next to the legend text in Chart.js
- How to Add X axis Padding in chart js Line Graph
- Chart.js / HTML Canvas - move line
- How to change the label and grid line position on a timeseries chart in Chart.js 3?
- How to pass sql query data onto the datasets field of chartjs using nodejs (ejs)
- Chart.js: How to change the x-Axes background color?
- Fill between two lines Chartjs