score:7
With Chart.js you can't override the horizontal axis labels. Its a great library, sad it doesn't support this.
The easiest way to do it, without getting into the Chart.js code and without redrawing the canvas, is to leave the label cell with an empty string.
For example, if you just want to show the x axis label every 10 points, you can do something like this when generating the labels:
if (ix % 10 == 0) {
labels[ix]="Label";
} else {
labels[ix]="";
}
Source: stackoverflow.com
Related Query
- Changing x axis labels in Chart.js line chart
- Line chart with large number of labels on X axis
- X and Y axis labels not displaying on line chart (Chart.js)
- Chart js animating a line while changing x-axis labels
- Aligning zero on y axis to the labels on x axis of line chart in chartjs
- ChartJS: Changing Font-Size of X-Axis Labels on Line Chart
- Limit labels number on Chart.js line chart
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- Chart.js how to show cursor pointer for labels & legends in line chart
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- How to display Line Chart dataset point labels with Chart.js?
- show label in tooltip but not in x axis for chartjs line chart
- Show X axis on top and bottom in line chart rendered with Chart.js 2.4.0
- Obtain max value of y axis of line chart rendered with Chart.js
- Display a limited number of labels only on X-Axis of Line Chart using Chart.js
- How to align Chart.JS line chart labels to the center
- chart.js switch x/y axis on line chart
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- Map event position to y axis value in chartjs line chart
- How to start the line graph from the left Y axis in a line/bar mixed chart (Chart.js)?
- Multiple line labels for chart js
- ChartJS (React) Line Chart - How to show single tooltip with data and labels from 3 (multiple) dataset?
- chartjs - multi axis line chart - cannot read property 'min' of undefined
- Change Axis Line color in Chart created using chart.js
- Chart.js bubble chart changing dataset labels
- how to minimize x axis labels to day hours in chart js
- display vertical axis label in line chart using chart.js
- chart.js: How do I make the radar chart axis labels bigger?
- Chart.js line chart with correctly spaced x labels
- How to change background color of labels in line chart from chart.js?
More Query from same tag
- Chart.js Picture inside doughnut segment
- Chart.js - add 1 more tick step to an axis
- Chart.js doughnut-like radar chart (no anglelines in the center/empty center)
- References in axis using chart.js (or another library)
- chart.js charts wouldn't show or hide with Angular directives ng-show and ng-hide
- Remove left and right padding in Chart.js
- How can i get the Chart JS Bar Graph Bar Label and Value on click?
- ChartJS Y Axis scale odd
- Change Angular js charts.js chart type dynamically
- Chart JS Zoom Pan
- Add Space Between Bars in Angularjs Chartjs
- How to fill remaining polar area with color
- How to display the more then one value inside tooltip in bar chart.js?
- chartjs-plugin-zoom not working on offline environment javascript .js
- chartnew.js - remove lines from pie chart on 100%
- chart.js v2 - how to 'fill' the graph when using time scale
- chartjs - canvas size error
- Angular Dynamic Chart Generate
- Chart.js - cannot fetch result from MySQL via PHP
- chartjs how to update dynamically data from database(Chartjs cant get the data)
- How to add text at end of each line in charts.js
- How do I change the appearance of tooltips with mode: index in Chart.js
- Horizontal floating bars with a time y-axis in Chart.js
- Does iFrame have any events suitable for when a JavaScript & HTML page are embedded in modal(Bootstrap)
- d3.csv parseFloat will not parse correctly
- ChartJs: remove line between two points
- Count all distinct values from JSON in javascript for ChartJS
- Chart.js - Multiple Line Charts - [2]
- Chartjs fiddle not working
- Get Array with json without _chartjs: {…}, push: ƒ, pop: ƒ, shift: ƒ, splice: ƒ, …]