score:1
I think the solution you are looking is some thing like this.
This canbe achieved using the datalabels and placing them properly at the position you have desired to.
plotOptions: {
column: {
dataLabels: {
enabled: true,
y: 0,
verticalAlign: 'bottom',
inside: true,
color: 'white',
formatter: function(e) {
return this.series.name
}
}
}
},
score:1
You can set overflow
to 'none' and crop
to false to be able to display data labels out of the area plot.
API Reference:
http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.crop
http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.overflow
Example:
http://jsfiddle.net/5m0kkbhf/
Source: stackoverflow.com
Related Query
- Show label for each bar in highcharts
- How to add a label above each bar in HighCharts
- Highcharts - xAxis label for each point
- Passing in Id for each data item in bar chart using highcharts
- highcharts pie dynamic label inside and outside for each slice
- Show special symbol for each series in category in highcharts
- Highcharts show max., min., and average for each serie in legend
- Highcharts for multiple plot lines each with a different color and show tooltip?
- Highcharts display label for pie chart using html table as data source
- Not able to show minimal height for a bar in highcharts
- Highcharts - Bar chart show full label on Y Axis
- Using Highcharts to show multiple stacked bar charts next to each other
- set individual color for each bar in bar chart using highcharts
- Highcharts - Show a string category label in the tooltip for a line graph
- show tooltip for each point of highcharts network graph in Angular
- React / High chart / Stacked bar label for each block
- Add a line on each bar for stacked and grouped column in HighCharts
- HighCharts Create gradiance decress color to blur for each value on bar chart
- after using for loop all my column graphs are plotted in single color i need each bar in different color in highcharts
- javascript - Highcharts - Type Bar - How to set different starting for each bar
- How to show tickPositions as start and end for each bar in highcharts?
- Highcharts Set data label border color for each pie slice
- set different colors for each column in highcharts
- Highcharts percentage of total for simple bar chart
- Highcharts graph X-axis label for different date ranges
- HighCharts Place Label on Bar
- Show specific series values in the stack label using highcharts
- Show label only every x number of steps in highcharts
- create a sticky tooltip for a point or a permanent label using HighCharts
- Show value of last point as label or tooltip on Highcharts Stock Chart
More Query from same tag
- highcharts.js and highstock.js conflict
- How do you set the text-overflow property of a highcharts-legend-item to ellipsis in styled mode?
- Display series.data.name after drilldown dynamically
- Highcharts Pie Charts Show Outline When Empty
- Change Highcharts Graph based on two Select inputs
- HighChart Line Draw issues(How to draw contineous line between 2 points )
- Highcharts axis labels cluttered but after a refresh, it'll be OK
- SVG marker on Highcharts path
- Highchart: Center text in plot option in column chart
- HighCharts: Display total value below the legend title
- Highcharts - Property value does not exist on type Point Angular 12
- Multiple histograms in highcharts causes an issue with bin spacing on the second histogram?
- Highcharts series.data not working for me
- Highstock chart not rendering data completely on first load
- Override tick interval calculation in Highcharts?
- How to create a highchart using mysql data (PHP)?
- Push array data into HighCharts?
- align chart columns left/right
- Incorrect date on the x-axis
- Highcharts plotline with label in the left of the line
- Highcharts' getExtremes function can't return correct dataMax
- Highcharts data module and CSV: Displaying data points differently
- HighCharts Context Button
- Is it possible to have the category displayed above the series in a horizontal bar jsHighchart?
- How do I use an Highcharts Solid Gauge in angular 6 with typescript?
- HIghcharts Map from GeoJSON Data Showing Up Too Small
- javascript and highcharts was not getting in ajax response
- Function does not work on first render instead the series is generated after the subsequent renders
- Switching Highcharts theme when CSS theme is changed
- Highstock area type comparison chart needs to display area fully