score:9
Accepted answer
One solution is to use a tickPositioner
function and specify every single index:
xAxis: {
tickPositioner: function() {
var result = [];
for(i = 0; i < _mainData.length; i++)
result.push(i);
return result;
}
}
See this JSFiddle example. You can remove xAxis.labels.step
when using this.
At first tickInterval
looks easier, but unfortunately doesn't work because of the following note:
If the tickInterval is too dense for labels to be drawn, Highcharts may remove ticks.
Source: stackoverflow.com
Related Query
- How can I force highcharts to show every x-axis label regardless of spacing constraints?
- How to force Highcharts to show last label on xAxis?
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- How to show first and last label of x axis Highcharts
- How do I force HighCharts to label every column?
- How can I force multiple y-axis in Highcharts to have a common zero
- Show label only every x number of steps in highcharts
- How to change axis label size when exporting in Highcharts / Highstock
- How can I show the label next to the bar in r highcharter?
- How to show only specific x-axis values on datetime axis in Highcharts
- How can i force Highcharts to use same symbols in Legend and Series?
- Highcharts show plot value on x axis label
- How can I hide and show a category in highcharts
- How To Show All Data Labels For Datetime Axis In Highcharts
- How to position axis label in highcharts
- Force Highcharts to show last x-axis label
- Highcharts - Cross browser charts have different Y axis ranges, how can I ensure consistency?
- Highcharts - How to force line chart to be visible above X Axis
- how to show column and area charts with different y axis with same category and same x axis in highcharts
- How can I show all Timeline Highcharts data without any overlapping?
- How to show xAxis label in tooltip in a Highcharts area chart?
- How can I highlight every data point in Highcharts fixed width container?
- Highcharts - Bar chart show full label on Y Axis
- Highcharts - How to force dataLabels to show labels when overlapping the content
- How can i load external json data in highcharts to show the bar chart
- Highcharts - How can I show arrow in "solidgauge"?
- How can I get a data label in my Highcharts Pie Chart that is a font-awesome icon?
- How can I make Highcharts label a datetime X-axis with relative dates?
- How can I update the data in highcharts for both x axis & y axis?
- How can I set the units on multiple axis on Highcharts
More Query from same tag
- Lazy Loading for multiple series unlike multiple points in highcharts
- Javascript dynamically generated variables with 'this'
- How to prevent Highstock from hiding data rows
- Black image bug when exporting highcharts in Firefox
- Heatmap don't show all categories in yAxis
- How to place dataLabels on series point in Highcharts
- VueJS App put data from GET request inside an array
- Cannot read property 'addEvent' of undefined
- how to pass multi sereis data with dual y axis chart in highchart
- what is datetype is this in highcharts
- Highcharts - Multiple pie charts from json
- Dynamically add/remove xaxis categories in Highcharts
- Changing bar width with pointPadding in Highcharts
- How to get 2 data-points with one name in series Line Graph Highcharts Reactjs
- Highcharts - issue with tooltip formatting in synchronized charts
- In Highcharts, any way we can get the plotWidth and plotHeight before rendering the chart?
- Highchart fillColor linearGradient in area chart
- Connecting Highcharts to a database using ASP.net
- Highcharts label grouping
- Reference error using High Chart's API. MVC 3
- HighCharts Place Label on Bar
- Is possible to export programmatically a highcharts chart?
- Pass php variable in bar graph with highcharts
- Highchart is not working on Google chrome
- Highchart: how to add commas to output to intergers
- How can I format the Highcharts gantt chart to be a dashed line instead of a solid line?
- How to reduce the margin above a polar chart with HighCharts?
- Highcharts Polar Chart - Specify Data Series & Tooltips for each Axis
- How to give color according to the percentage in Highchart - JavaScript
- Highcharts animate marker