score:1
Accepted answer
In the first case, you should disable grouping
on series:
plotOptions: {
series: {
grouping: false
}
}
Live demo: http://jsfiddle.net/BlackLabel/v7qx1s5u/
In the second case, you can define individual data label for point:
series: [{
type: 'column',
data: [{
x: 0,
y: 1,
dataLabels: {
align: 'center',
enabled: true,
useHTML: true,
formatter: function() {
return '<img src="https://www.highcharts.com/samples/graphics/sun.png"><img>';
}
}
},
[1, 2],
[2, 3]
]
}]
or in formatter
function define some rules where the data label should be some image:
dataLabels: {
align: 'center',
enabled: true,
useHTML: true,
formatter: function(){
if (this.point.index === 1){
return '<img src="https://www.highcharts.com/samples/graphics/sun.png"><img> ';
}
}
}
Live demo: http://jsfiddle.net/BlackLabel/72Lahvp4/
Source: stackoverflow.com
Related Query
- Highcharts: How to set unique images on top of bar chart serie
- Highcharts Bar Chart - How to set the minimum bar width/length
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- How to set Highcharts chart maximum yAxis value
- How do I rotate my HighCharts bar chart so its vertical, not horizontal?
- How to place x axis labels on top of horizontal bar chart
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- Highcharts - how to set custom content in point tooltip (popup) on 3D scatter chart or how to customize point tooltip information?
- How set options from HIGHCHARTS in a chart using vue chartkick
- How to Make a Dashed Bar Chart Border in Highcharts
- How to change color of bar in column chart with different level of percentage in highcharts
- HIghCharts bar chart renders columns on top of each other
- How to remove decimal values on x-axis of bar chart : Highcharts
- How to set vertical bar chart in Hightcharts | I passed as component. How to send as props
- How to resize bar chart based on no of x axis categories in HighCharts
- How can I display crosshair labels on top of the chart with Highcharts
- How do I set the margin to bottom of a chart in HighCharts to zero?
- How to dynamically set title in Pie Chart of Highcharts
- HighCharts how to add live series data set to existing chart
- How to make split grouped column bar chart in highcharts with percentage?
- set individual color for each bar in bar chart using highcharts
- Highcharts Theming: How to set gradient colors for certain chart types only?
- Highcharts how to make a set number of colors for pie chart data and drilldown data
- How to update chart only on unique data in HighCharts
- How can i load external json data in highcharts to show the bar chart
- How can I prepare a Group Stacked Bar Chart in Highcharts using multiple and different types of data?
- How to set a full length background in a Highcharts bar chart?
- Highcharts Angular - How to set chart width and height with percentages?
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- Cannot set bar chart width for specific data, Highcharts
More Query from same tag
- Don't interpolate between missing values in Highcharts line chart?
- setInterval in Angular JS for HighCharts-ng does not work
- Highcharts bar and line issue
- Use mouseover event in Highcharts Legend to show hidden div
- hightchart Plotting variables Issue
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- How can I extend the lines of this Highchart series to the edges of my chart area?
- Highcharts Variablepie with Angular
- Highcharts solid gauge with tick mark over the bar
- Load event issue: unable to add hover event on pie chart's legend
- Set series color based on X axis on a column Highchart
- Form data series for highcharts columns
- how to change the position of HighCharts.js scatterplot marker position
- Scrollbar is not working with Dumbell Chart in Highchart
- Hide a category when a series name has no value attributed to it highchart
- Add line to 3d column chart in Highcharts
- Use a symfony route with parameters in a click event for highchart series
- Highcharts map example not working
- Highcharts unevenly spaced x-axis with category labels
- How to display single hightchart bar graph in multiple container/selector?
- Move series on the forefront in highchart (z-index)
- highchart map create marker by click and get lat long coordinates
- Angular-highcharts colors. Is there any way to get color besides Highcharts.getOptions().colors[index]?
- a.getLabelConfig is not a function
- How to update candlestick Highstock chart with new data point
- Multiple categories for hc_yAxis
- Highcharts with JSON to customize multiple series
- create a donut chart using highchart using jquery json object
- Average values based on date from json to array of arrays
- Class 'ConsoleTVs\Charts\Facades\Charts' not found in laravel Charts