score:21
Accepted answer
In the label -> formatter for xAxis, use dateFormat function to get the month and then use the substring function to get the first letter and return that letter as follows -
xAxis: {
type: 'datetime',
labels: {
formatter: function() {
var monthStr = Highcharts.dateFormat('%b', this.value);
var firstLetter = monthStr.substring(0, 1);
return firstLetter;
}
}
},
Source: stackoverflow.com
Related Query
- highcharts datetime x-axis custom formatting
- Highcharts - with datetime axis labels overlap
- Highcharts - Display only year in x axis and stop auto formatting
- Highcharts label format with tickPositioner in a datetime x Axis
- How to show only specific x-axis values on datetime axis in Highcharts
- HighCharts scatter plot with Datetime on X Axis not plotting values correctly
- Highcharts x axis custom scaling
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- How To Show All Data Labels For Datetime Axis In Highcharts
- Replace axis labels with custom in highcharts r
- Highcharts Datetime axis issue
- In Highcharts drilldown charts, Custom Formatting of X-Axis label displays the label with underline even in the last level
- Highcharts datetime axis overlap with a long time series
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts custom scaling on y axis - mix of linear and logarithmic
- Highcharts Datetime axis
- Highcharts x axis formatting options
- Highcharts not formatting tooltip datetime according to xDateFormat setting
- Highcharts datetime axis labels according to data point groups
- Custom "compare" and axis range in Highcharts
- Highcharts React update animations with datetime axis
- Formatting Highcharts - timestamp in tooltip, day x axis
- Highcharts custom attribute with datetime line chart
- Display custom values on x axis using Highcharts
- Angular 7 High Charts Stock Chart Datetime X Axis tooltip formatting independently of other tooltips
- HighCharts Axis Formatting in Chrome
- Can I enable scrollbar for datetime x axis in Highcharts columnrange chart
- Highcharts column graph custom legend formatting not showing legend symbols
- How to fix formatting of axis labels in Highcharts when surrounding the contents with div?
- Highcharts x-range chart datetime type for x and y axis
More Query from same tag
- Highcharts animate marker
- Highcharts issue with multiple X axes
- How to get Number of new users per day to DotNet.HighChart
- Highcharts how to pass data from server into chart
- highcharts pass variable from plotline
- Multiple timelines on one chart in highcharts
- How to add custom content that spans across multiple ticks in highcharts
- jQuery Highcharts: change chart type using dropdown list
- Why is Highchart loaded twice in my rails app ? (Uncaught Highcharts error #16)
- Select custom date range on highstock control
- Highstock add points to dynamically added series
- Highcharts heatmap does not render correct colours according to specified colour stops
- How to change the label color of Y-Axis on click in angular Gantt chart High Chart
- HighCharts showing date range average 18:00-19:59
- Rshiny Highchart: keeping fixed color for order-changing categories on x axis
- Shared Crosshair Highlighting /w Non-sequential Series
- How can I change the colors of my highcharts piechart?
- Allow mouse event behind a plotband
- Highcharts over SSL on GAE
- angularjs and highcharts, labels not shown unless I hover over the data points
- Event on middle click pie chart slice?
- Highcharts generated from HTML table: Can't add second yAxis dynamically
- Commas in tooltip of Highchart
- How to transform this array in a json?
- Highcharts dataGrouping approximation column point color based on column value?
- Chart highlighting in the highcharts javascript API
- Highcharts stock chart based on data from Quandl API
- Add URL to Pie-Donut Highchart
- Use different colors depending on the number of series - Highcharts
- Highcharts -Highmaps making map curved(geojson QGIS)