score:0
while looking how to add padding between the tick marks and x-axis
, i found a solution which allows me to do just that plus the above.
which is by setting the y
offset to true and hiding the x
border:
copied from here:
x: {
grid: {
drawborder: false, // hide the x axis
},
},
y: {
offset: true, // create a sensation of space with the x axis hidden
},
in my case, it's enough.
Source: stackoverflow.com
Related Query
- Any way to make the y-axis border longer in chart.js?
- chart.js: How do I make the radar chart axis labels bigger?
- Is there a way to give a pie chart in chart.js a different color outer border than the border color between segments?
- Is there any way to change the font size of labels in bar chart in Chart.js v3?
- 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
- Is there any way to show a tooltip for points which are not visible on the chart in Chart.js?
- In ng 2 chart during the load an undefined legend gets created automatically ,Is there any way to remove it?
- Border radius for the bar chart in ChartJS
- How do I change the 'months' language displayed on the date axis in Chart JS?
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- Chart Js, Style some ticks on the axis differently
- How to start the line graph from the left Y axis in a line/bar mixed chart (Chart.js)?
- How to make bar chart animation where all bars grow at the same speed?
- Chart.js tooltip at any point on the chart
- Is there any way to use 2 different color for the same bar in a chart?
- Is there any way to get Chiselled Effect in chart js?
- Is there any way to change the font color and size of labels in Chartjs 3.0.0
- Is there a way to make a view run without having to show the view in the browser in laravel?
- chart.js pie chart background colors: is there any way to generate them randomly?
- Is there any way to get y of specific x which not belongs to the dataset in Chart.js graph?
- How to draw border all the way around bar element
- 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
- How to make the chart smaller than its container
- Chart.js - how to make proportional intervals on X axis on line chart
- How do you make a progressive line chart with time as the X axis?
- How to show tooltip value of all data falling on the same axis in chart js?
- how to make scrollable the legends of pie chart ( chart js )
- How to make the background color of the chart as gradient using Chart.js
- Is there any way to remove extra space and Horizontal line from Bar chart of Chart.js?
More Query from same tag
- ChartJS - Moving vertical line is display on top of tooltip
- Chartjs - how to change the notation of doughnut chart
- Fill between two lines Chartjs
- ng2-chart with Angular 4: Can't bind to 'data' since it isn't a known property of 'canvas'
- Configure Pie Chart Colors Using Chart.js and PHP
- Date range picker and chart js
- Angular Charts - not able to read data
- How to remove the line/rule of an axis in Chart.js?
- Cannot read property 'transition' null chartjs
- Change Chart.js Legend Text
- Rest api / json error while using it with react chartjs
- Hide the element text on line charts since it overlaps with the line
- How to add additional label in the middle of each bar using ChartJS
- Prevent the wiping of an Array after routing Angular.js
- Custom tooltip on Chart.js is coming undefined
- Is this graph possible using chart.js?
- Updating Chartjs with new data
- Difficulty in using php json_encode data received in javascript to display graph using chart.js library
- How to expand the "Y" scale of the data in chart.js?
- chart looking strange on phone´s browser using chart.js
- Iterating over an array of objects and stack a Chart JS Bar?
- How to have mutiple charts in a single page using Chart.js?
- Create a arc like doughnut chart with Chart js plugins
- Ionic Capacitor chart.js showing blank on ios device
- How to edit my custom tooltips in my line chart using chart.js?
- Mixed Diagram (Line/Bar) with two y-Axis won't display data on 2nd Axis
- Parsing values from external JSON file with Chart.js
- Is it possible to revert x-axe values in line chart with chart.js
- Click event using Chart.js with AngularJS
- Charts.js: Load new data set to an existing chart