score:0
Great solution from Ted Whitehead. I found this also works with simply;
gridLines: {
color: "transparent"
}
score:5
This also seems to work:
gridLines: {
lineWidth: 0,
zeroLineWidth: 1
}
score:9
These settings worked for me:
gridLines: {
color: "transparent",
display: true,
drawBorder: false,
zeroLineColor: "#ccc",
zeroLineWidth: 1
}
http://www.chartjs.org/docs/latest/axes/styling.html#grid-line-configuration
Source: stackoverflow.com
Related Query
- Chart.js: Display only the horizontal gridline at zero index
- How to display value of only one datapoint in line chart
- Chart looks only grey, does not show the color - Chartjs,discordjs
- Display a limited number of labels only on X-Axis of Line Chart using Chart.js
- How to display the labels in doughnut chart using ng2 charts?
- Remove the label and show only value in tooltips of a bar chart
- How can I display the xAxes and yAxes data in the tooltip, Chart JS?
- Chart JS display Data Value on the top of the Bar
- Charts.js - Display data label only for the last value
- In Stacked horizontal bar chart how to remove the vertical line in Chart.js?
- ChartJS horizontal chart display legend on each bar
- Chartjs 3.x - How to duplicate X axis on both sides of horizontal bar chart with only 1 dataset?
- Chart.JS: How can I only display data labels when the bar width is big enough for the text?
- Display Bar chart values in the graph - ChartJS
- Chart.JS: How can I only display data labels when the doughnut size is big enough for the text?
- ChartJs(Java) Can I remove only specific gridLines for a Linear Chart withouth removing the labels on xAxis?
- The chart doesn't display the data from my call to the API with Axios
- Chart.js How to sum the values in a pie chart and display them in the header
- Chart.js pie chart to display "No Data" if the datasets are empty
- Chart.js 2 - Always display only some tooltips in bubble chart
- How to display the values inside the pie chart of PrimeNG (chart) using JavaScript or Angular
- Angular-Chart.js it doesn't display the chart
- How to display labels outside the pie chart border?
- How to See Only the Image of Chart
- Chart.js limit the display size of the chart
- Avoid the first GridLine to be dashed on Chart JS
- Bar chart (chart.js) with only 2 points does not show one of the bars
- ChartJS - would like to create a mixed chart with horizontal Bar and a dot to represent the answer from the current user
- How do i have a single Chart.vue component instead of different chart components and then display charts from it by changing id of the API
- VueJS + Chartjs - Chart only renders after code change
More Query from same tag
- Update the Chartjs push data with ajax
- How to use generated HTML legends to enable or disable datasets in Chart.js
- All the bar in bar chart stays at left with very little width
- Rails 4.2 jQuery loads only after refresh
- Laravel & chartjs blank canvas
- Creating a grouped and stacked chart in Chart.js
- Vue ChartJS is not updating
- The chart list is not showing
- How to add a ChartPoint to a DataSet in Chart.js with TypeScript?
- Embed unique identifier in Chart.js segments?
- Chart.js - Datalabels not showing using formatter
- Ticks callback not displaying strings containing decimal
- Is there a global setting in Chart.js for beginAtZero?
- Chartjs / ng2-charts line on hover does not work
- custom tooltips with react-chartjs-2 library
- how to show data label on barchart using chart.js in Angular10 project?
- How can I modify category labels font size in Chart.JS V2?
- Chartjs: How to create padding between ticks and scale label
- Canvas not working in jQuery Mobile
- Error when changing data after migrating to vue-chartjs 4
- How to add text inside scatter plot using Chart.js?
- How to differentiate the data of one topic or another coming from Mercure hub if the client is suscribed to two topics
- Rounded corners on chartJS v.2 - bar charts (with negative values)
- ChartJS and DiscordJS implementation question
- ChartJS hide labels on small screen sizes
- Angular canvas is undefined
- Chart.js extra undefined column
- Uncaught Error: [$injector:modulerr] (Error came up when I included chart.js)
- Dynamically create Angular-Chart with data binding
- How to create a gradient fill line chart in latest Chart JS version (3.3.2)?