score:2
Accepted answer
Solved it (sort of). When I downgrade to chart.js 2.8.0
the chart borders now display as expected. With 2.9.3
the borders were not showing at all, regardless of chart type.
score:3
gridLines: { drawBorder: true, lineWidth: 0 }
score:3
You can put this options in gridline properties:
xAxes: [{
gridLines: {
display: true,
drawBorder: true,
drawOnChartArea: false
}
}]
Source: https://www.chartjs.org/samples/latest/scales/gridlines-display.html
Source: stackoverflow.com
Related Query
- How to display axis borders only (no grid lines) in chartjs?
- How do I add time sourced from an external source as an X axis to a ChartJS graph?
- Chartjs 3.x - How to duplicate X axis on both sides of horizontal bar chart with only 1 dataset?
- How to display multiple y axis titles on seperate lines and rotated 90 degrees clockwise in chart.js
- How can I make small grid lines above ChartJS labels?
- how can i remove the grid lines in chartJs
- How to display grid lines (without showing label) between each ticks?
- ChartJs How to display horizontal and vertical lines through the datasets points with their values on axes?
- How to set ChartJS Y axis title?
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- Chartjs linechart with only one point - how to center
- ChartJS : How to leave just points without lines
- How to display value of only one datapoint in line chart
- How to display data labels outside in pie chart with lines in ionic
- How to remove gridlines and grid labels in Chartjs Radar?
- How do I fix over limit y axis value in ChartJS
- How to display only one label in a multi line char?
- how to change Y axis value dynamically based on user input in Chartjs for Line chart?
- How to add background color between two lines in yAxis Chartjs
- How to add ChartJS code in Html2Pdf to view image
- ChartJS - how to display line chart with single element as a line? (not as a dot)
- In Chart.js >3.0, on axis of type time, how to show labels and ticks only for existing data points (make labels reflect data)?
- Specific grid line in X axis in ChartJs
- ChartJS / Chartjs-plugin-annotation How to draw multiple vertical lines using an array?
- ChartJS : How to display two "y axis" scales on a chart
- How to hide grid lines and x-axis labels in chart.js?
- How to add background color between two specific lines in Chartjs 3.1
- How to draw multiple line on y axis for same x axis in chartjs v2?
- how to display chart data as html table chartjs
- How to show both overlapping lines in in chartjs
More Query from same tag
- Show values on top of bars in chart.js
- Make 2 charts using chart js
- Replace chartjs data
- Displaying two values in tooltip using chart.js
- How to change the z order of a chartjs polar chart
- How to only have a Y axes representing data in chart.js
- How to increase size and family in a radar's Chartjs label
- HTML tags enable in Default tooltip labels in chart.js
- How to set 3 axis in google chart (V-Axis Left as Qty, V-Axis Right as Series Column and H-Axis as TimeOrder)?
- JavaScript ignore commas inside ChartJS data field pulled from csv that data has commas and is enclosed by double quotes
- Placeholder on canvas of ChartJs and Angular
- refresh chart data every second javascript
- How to use segment property to color line / border color based on value in chart js?
- How to dynamically update Chartjs legend label colors?
- Fill between two lines Chartjs
- How can I add padding between tick labels?
- How to properly render Chartjs with big difference between bars data?
- How to make multiple horizontal bar chartjs
- Avoid data resetting when toggling series
- Scrollable x axis with chart.js 2.1.4
- Chart.js not displaying Django Rest API data
- Realtime chart JS in Java obtaining the data from a sensor ;Chart.js: Failed to create chart: can't acquire context from the given item
- Chart.js boxplot: adding additional reference value?
- Chart js pie or doughnut charts 3 inside instead of 1
- Angular Chart.JS Only One Canvas Rendering
- Overlay text message on top of a chart
- Chart.js - Multiple JSON data object array [{x: Date, y: count}....] representing each dataset of the chart
- How to get the database data into ChartJS using codeigniter
- ChartJS: line graph with labels on the y-axis
- How can I hide tick marks on Chart.js?