score:0
I know that its too late for answer but it can help to someone else.
You can do that by defining x
value of each series's data label.
Here is the JS Fiddle:-
data: [{
color: Highcharts.getOptions().colors[0],
y: 100,
name:'A',
yAxis: 0,
dataLabels: {
enabled: true,
style: {
fontWeight: 'bold'
},
x: 60,
},
},
{
...
}
]
score:9
You can format data labels for each series as in this example:
Setting series-level data label options
$(function () {
$('#container').highcharts({
chart: {
marginRight: 50
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, {
dataLabels: {
enabled: true,
align: 'left',
crop: false,
style: {
fontWeight: 'bold'
},
x: 3,
verticalAlign: 'middle'
},
y: 54.4
}]
}]
});
});
Source: stackoverflow.com
Related Query
- Highcharts separate datalabels per series
- Highcharts one value per series column
- change datalabels color in a HighCharts chart when hovering without updating the series
- Fixed Datalabel dimensions in Highcharts Series DataLabels
- How to place dataLabels on series point in Highcharts
- Highcharts series visibility with csv data source
- How to have multiple highcharts with different series data in vuejs without repeating code
- Is there anyway to hide the dataLabels for one of the stacked series in HighCharts
- How to render a bar chart with different series with only one entry per category in HighCharts
- Setting highcharts datalabels backgroundColor with the same color of its piechart series
- Highcharts - Sankey chart - How to display some series dataLabels name into icon or some different name
- Adding a string to highcharts tooltip based on a separate data series
- Plot Bar chart and Line series chart on separate x-axis in Highcharts out of common dataset
- Highcharts displays series names but missing data points from json source
- Set Additional Data to highcharts series
- HighCharts Hide Series Name from the Legend
- Proper way to remove all series data from a highcharts chart?
- Hiding a Highcharts series without using the legend
- Changing data dynamically for a series in Highcharts
- Highcharts 3 cannot render more than 1000 points in one series
- Highcharts Series - want to show/hide all EXCEPT selected series (reversal of default logic)
- How can I hide series from a HighCharts legend?
- Add additional data to a Highcharts series for use in formatters
- How to Format Highcharts dataLabels Decimal Points
- How can I hide a series from initially being displayed in Highcharts
- HighCharts series Z index
- Weird character in front of Highcharts tooltip series names
- Changing series color in highcharts dynamically
- Disable series through configuration in highcharts
- Get Highcharts Series Data after Load
More Query from same tag
- Highcharts not rendering plotbands correctly on first load
- Show N/A in datalabels, when value is null - Highcharts
- Show tooltip over a second graph
- Using multiple hicharts on ASP.NET web form but only one shows on the upper section of the page pushing the page header down
- Change height of Highcharts with JavaScript. By default only re-sizes on window re-size
- How to Cache DOM Variable in jQuery
- multiple Y axis - margin
- highcharts fixed point width is not working when a series is hidden
- Angular highcharts modules conflict after import heatmap
- Highcharts sankey diagram node rearrangement
- Populate Highchart Column From JSON
- Setting Highcharts maximum Y value to an exact amount without rounding
- Highchart not resize properly in angular js
- Plotting line in Linechart with values taken from the textarea
- Returning MySQL table values from PHP script to Javascript function - Live Graphing
- highchart Series giving error inside while loop in php
- How do I escape a single quote using C# string.Replace to use in HighCharts?
- Highcharts Export Service Gantt Chart not working
- change startOnTick after a (High)chart has been created
- How to display Date in Highcharts tooltip or below the categories
- Group data points by third variable and display the group name in legend
- Highcharts with angularjs drilled down does not work
- Highchart inner donut name as header for outer donut tooltip
- Automatic fold/unfold Y-axis break on mouse over
- Rescale Y-axis in Highcharts after zoom while maintaining zoomType=x behavior
- How to avoid bad behavior zooming to areas outside the data range
- Vue.js life-cycle hook for v-cloak
- Highcarts - Update a specific categorys values
- How can we achieve high chart with complex json data?
- HighCharts Graphs don't load half the time