score:1
The easiest way to do this is to change the height of the #container
div to at least 500px
. Highcharts will show the rest of the labels since there will be enough room.
You can make the font smaller, though in this case you will probably still need to increase the height to keep it readable. Here's how:
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec','Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
min: 6,
labels: {
style: {
fontSize: '5px'
}
}
},
Here is a way to adjust the height of a graph based on the amount of data in the series. It might not be the best solution but it works. You'll have to adjust the values to your needs.
if (chart.series[0].data.length > 0) {
var baseHeight = 150;
var extraHeightPerThing = 25;
chart.setSize(null, baseHeight + chart.series[0].data.length * extraHeightPerThing);
}
Source: stackoverflow.com
Related Query
- Show all labels in highcharts horizontal bar graph
- How To Show All Data Labels For Datetime Axis In Highcharts
- Show data labels on top in stacked column graph in highcharts
- Highcharts - Unable to see all labels on the bar charts
- Highcharts single row stacked horizontal bar: labels overlap --- bar segments too small to read "dataLabels" --- (change "distance" of "dataLabels"?)
- Highcharts Maps labels don't all show
- Show dividing lines between horizontal bars on highcharts graph
- Highcharts Bar Graph Remove Category when all bar values for category equal 0
- hchart() Bar Graph does not display all the x axis labels in R
- Highcharts bubble graph - Custom Tooltip with Error bar (either horizontal or vertical)
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- Highcharts bar graph doesn't show yaxis values
- Combining a horizontal bar graph and stock chart (with navigator) HighCharts
- Show only time labels on xAxis. Highcharts
- How to hyperlink bar graph in highcharts
- HighCharts - show last labels in xAxis
- Highcharts stacked bar chart hide data labels not to overlap
- Highcharts stacked bar graph as timeline
- Highcharts : labels inside columnrange bar
- Highcharts - show at least 5 horizontal grid lines, even when value doesn't change
- horizontal scroll bar in highcharts
- Highcharts: How to provide a custom stack label in highcharts bar graph from within the stackLabel formatter?
- Highcharts - Multiple Axis Graph not displaying labels
- highcharts / highstock column doesn't show all datalabels
- Show some specefic number on gauge highcharts axis labels
- HighCharts area graph - show tooltip only on hover of marker
- How to place x axis labels on top of horizontal bar chart
- wkhtmltoimage does not show gridlines of highcharts graph
- Highcharts 3d bar chart data labels position is wrong
- How to add a horizontal line in Column bar chart in Highcharts plugin?
More Query from same tag
- Min/Max on x-axis not honored in Highstocks version of xrange chart
- Highcharts - issue about full chart width
- Highcharts drill-down using table element as data-source
- how to call high chart in asp.net
- Highcharts custom SVG marker
- "display: none" with highcharts - incorrect size
- convert highcharts to image for Persian language
- Highcharts Highstock How do I change the label on top of tooltip for OHLC series data?
- generate chart using google spreadshhet and highstocks chart
- How to extend Tooltip Range in Highcharts
- Scrollbar is not working with Dumbell Chart in Highchart
- Chaning labels in choropleth hcmap
- how to add copyright symbol in a highcharts title?
- Highcharts exporting functionality
- Hide the zero values in a Scatter/Column chart in highcharts
- rCharts with Highcharts as shiny application
- "npm err: not a package" when installing node.js dependencies for Highstock-browserify
- Highcharts add point to line chart with json
- Highcharts Error 13 on Ajax Result and Dynamic Div
- Show total graph in a particular time: Highcharts, Javascript
- How can we change legends position in Highcharts?
- Highcharts x-range datetime not shwoing with "Date.UTC(2023, 6, 20)"
- How to set the x axis of HighCharts to intake DateRange
- How to remove ONLY zoom buttons in Highcharts?
- Highlighting Highcharts column
- Creating a Pie Chart using PHP to create json
- missing value in highcharts line graph results in no line, just points
- Highcharts. Series have same color after drilldown
- How to create such pie chart/ donut chart in highchart?
- Highcharts Gantt - how to make the horizontal rows / lanes taller?