score:0
The linear radial axis documentation lists four configuration options (as of v2.9.3):
- angleLines
- gridLines
- pointLabels
- ticks
Each of these is an object that supports the display
property. Specifying display: false
in all four objects removes the scale.
options: {
scale: {
angleLines: {
display: false
},
gridLines: {
display: false
},
pointLabels: {
display: false
},
ticks: {
display: false
},
}
}
Here's a working example:
new Chart('myChart', {
type: 'radar',
data: {
labels: ['A', 'B', 'C', 'D'],
datasets: [{
label: 'Series 1',
data: [0.25, 0.3, 0.15, 0.3],
}]
},
options: {
scale: {
angleLines: {
display: false
},
gridLines: {
display: false
},
pointLabels: {
display: false
},
ticks: {
display: false
},
}
}
});
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>
<canvas id="myChart"></canvas>
score:1
options: {
scales: {
r: {
pointLabels: {
display: false // Hides the labels around the radar chart
},
ticks: {
display: false // Hides the labels in the middel (numbers)
}
}
}
}
Source: stackoverflow.com
Related Query
- impossible to remove scale from radar chart (chart.js)
- Chart.js v2, remove padding/margin from radar chart
- Not able to remove legent from Radar Chart in chart.js even using legent: {display : false}
- How to prevent first/last bars from being cut off in a chart with time scale
- How can I remove extra whitespace from the bottom of a line chart in chart.js?
- Chart.js Radar Chart How to Remove Outer Labels
- Remove radar chart labels in chart.js
- How to remove border from stacked column chart in Chartkick - Chart.js
- Remove padding from chartJs horizontal bar chart
- How to Remove axis Lines from chart in chart js
- How do I remove cartesian axes from chart js?
- Remove 0% from pie chart
- Remove label from line chart - react-chartjs-2
- Removing legend from chart.js Radar chart
- How to set a time scale to a ChartJS chart from JSON?
- chart.js remove lower grid from mixed chart
- How to scale label size radar chart chart.js
- How to remove all gridlines and ticks all lines in lines chart in javascript taken from cdn)
- Is there any way to remove extra space and Horizontal line from Bar chart of Chart.js?
- Remove 0's (zeros) from x-axis of bar chart in Chart.js
- ChartJs 2 How to remove numbers from the doughnut chart on loading
- How to remove the extra Y axis from a bar chart in chart.js
- How to remove the Legend of chart from angular Chart.js
- How can I remove the white border from Chart.js pie chart when all legends are hidden?
- How do remove the bottom scale on a Chart.js bar chart
- Remove all borders from my chart in angular-chart-js
- How do you remove the data value from the mouse-over result in radar chart?
- getting additional value fields from data source for dx.chartjs doughnut chart
- How to invert scale display on radar chart (chart.js)
- Created an onclick function to remove data from a line chart in ChartsJs, but getting "Cannot read property 'data' of undefined" error
More Query from same tag
- How can I load multiple Chartjs charts with different data on the same page?
- Chart.js aspect ratio / forced height
- ChartsJS Annotations Plugin - Can you create a tooltip to accompany an annotation?
- Chart JS - Title missing when clearing canvas if no data is available
- Creating multiple charts based on dictionary length
- Adding responsive text inside chart in Charts Js
- Change the hover data value from to string
- How can I implement Polar area charts with Chart.js and Canvas
- how to plot multiple time series in chartjs where each time series has different times
- Why can I not see a data value when hovering over a point on the radar chart?
- TypeError: Cannot read property 'defaults' of undefined when using the react wrapper of chartjs
- How to move a chart.js to the center
- Chartjs real time graph x axis movement
- Chartjs 2.5.0 -> Labels below the chart
- Chart.js bar chart: show tooltip on label hover
- How to make ChartJS not cut off tooltips?
- Angular-Chart-JS - Line chart with different fill colors according to points' range
- How to change fonts and axis labels for Chart.js image rendering with QuickChart?
- Center origin of a Scatter Chart
- chart.js label with if statement
- Charts.js in Angular 7 - working with imported time for timeseries
- Django and Chart.js: Line-Chart with multiple Datasets
- Draw vertical line on horizontalBar at value 2.0
- So, I'm fetching my data from phpMyAdmin MySQL to the chart.js, but I need it with AJAX, but how AJAX works with Chart.js?
- Vertical stacked bar chart using SharePoint List
- Chart.Js - Display only specific (fixed) X axis labels
- PhantomJS rendering empty image
- Add border to Chart.js tooltips
- How to shift the origin along y-axis direction in a chart.js3 line chart, so that x-axis pass through a different point other than (0,0)?
- Ng2-Charts Linechart only showing first 2 two values