score:10
Accepted answer
After some time fiddling with it I have found the solution zeroLineColor: 'transparent' did the trick. Found it here https://github.com/chartjs/Chart.js/issues/3950
scales: {
xAxes: [{
gridLines: {
zeroLineColor: 'transparent'
},
}],
score:1
this answer for who are using recharts module :
<XAxis strokeOpacity={0} dataKey="name" />
score:3
If anyone is on v3 and is looking for the answer, its options.scales.x.grid.drawBorder: false
This is on v3.7.1 Found it by complete accident by looking through the typescript file and trying anything that looked relevant.
Source: stackoverflow.com
Related Query
- How can I remove extra whitespace from the bottom of a line chart in chart.js?
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- How to remove the Chart.js x Axis bottom line?
- How to start the line graph from the left Y axis in a line/bar mixed chart (Chart.js)?
- In Stacked horizontal bar chart how to remove the vertical line in Chart.js?
- How to remove the extra Y axis from a bar chart in chart.js
- How do remove the bottom scale on a Chart.js bar chart
- Remove the vertical line in the chart js line chart
- How to remove the line/rule of an axis in Chart.js?
- Show X axis on top and bottom in line chart rendered with Chart.js 2.4.0
- How do I change the 'months' language displayed on the date axis in Chart JS?
- How to align Chart.JS line chart labels to the center
- ChartJS Line chart cut off at the top and bottom
- ChartJs - Pie Chart - how to remove labels that are on the pie chart
- How to change the label and grid line position on a timeseries chart in Chart.js 3?
- How to Remove axis Lines from chart in chart js
- chart.js: How do I make the radar chart axis labels bigger?
- How to change the chart line or area colors according to the user need?
- how can i use chart.js to create a chart that has one time series line and one linear line on it at the same time?
- Chart.js - how to make proportional intervals on X axis on line chart
- How to reduce the number of points shown on line chartjs chart with a large dataset?
- How do you make a progressive line chart with time as the X axis?
- How do I remove the ticks or inner circles of my polar area chart Chart.js
- How to show tooltip value of all data falling on the same axis in chart js?
- How do you set x and y axis and Title for a line chart using charts.js?
- How to add space to the bottom of the chart in chartjs [angular]
- How to use chart.js to plot line chart with x axis as time stamp in seconds
- ChartJs 2 How to remove numbers from the doughnut chart on loading
- How do I change the grid line style on the Y axis in Chart.js?
- How to get rid of the line on top of every point on a line chart (Chart.js)
More Query from same tag
- In ng 2 chart during the load an undefined legend gets created automatically ,Is there any way to remove it?
- Why aren't my data points getting placed in the corresponding locations in my chart?
- Why chartjs lags pages on mobile browsers?
- Chart is disappearing during # link
- How can labels/legends be added for all chart types in chart.js (chartjs.org)?
- Chart.js how to resend animation command to a chart?
- Chart.js Timeseries chart - formatting and missing data values
- Chart.js v2: How to make tooltips always appear on pie chart?
- How to show the data labels without hovering the mouse on the bubbles
- Ability to rotate y axis title in chart.js
- Make non-zero value as mid-point for horizontal bar chart?
- Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': The provided double value is non-finite
- How to seprate label and total value using array and pass to view
- Create multiple dynamic stacked chart using chart.js in Angular 10?
- Chartjs : Y axis starting with highest datapoint
- How to use 'time' (data from database, data type: timestamp ) for plotting graph in Chart JS
- Angular .subscribe executes at the end after the ngOnInit
- Can we draw a Line Chart with both solid and dotted line in it?
- Chartjs Percents in Legend
- Cant assign data to ng2 piechart after receiving it in HTTP response
- SPFx ChartJS Web Part
- How to fix the distance between horizontal points (x-axis) in chartJS
- How to set single color on each bar in angular chart js
- Highlight chart element when hovering over its corresponding legend Item
- Strange "padding" at chart area after updating chart.js (2.8.0 -> 3.4.1)
- Display Chart.js chart in Node.js
- Stacked bar chart with chartjs with included values
- How to align Chart.JS line chart labels to the center
- bower degrades chart.js each time installing other packages
- Bubble Chart in Chartjs not working
