score:1
Accepted answer
I prepared a demo with using stacked bar
which could be a good point start for you to create a same chart as in the shared picture.
Demo: https://jsfiddle.net/BlackLabel/qum72ejL/
Highcharts.chart('container', {
chart: {
type: 'bar'
},
yAxis: {
min: 0,
max: 100
},
legend: {
reversed: true
},
plotOptions: {
series: {
stacking: 'normal',
dataLabels: {
enabled: true,
format: '{y} %'
}
}
},
series: [{
name: 'Other',
data: [11]
}, {
name: 'Dust Collection',
data: [26]
}, {
name: 'Compressed Air',
data: [17]
}, {
name: 'Vacuum System',
data: [34]
}, {
name: 'Chillers',
data: [12]
}]
});
Source: stackoverflow.com
Related Query
- How can I achieve this using HighCharts library
- How to achieve this using HighCharts Network chart
- How can I make milestone lines with a GANTT chart using the highcharts library?
- How can I get a chart only with legends using highcharts
- How to show 12AM and 12PM on x-axis using highcharts library
- How can i make my gnatt highcharts tooltip in this shape
- How to make hover effect for two bar in highcharts at the same time is there any way by using css or any inbuilt method to achieve this?
- How can I prepare a Group Stacked Bar Chart in Highcharts using multiple and different types of data?
- How to achieve this graph with highcharts
- How can I get proper object through loop using javascript for Bubble Charts of Highcharts
- How can I highlight USA using Highcharts without highlighting Alaska?
- How can i change the color of a tile which was clicked of a treemap in highcharts using react
- how can i scroll my gnatt highcharts using mouse wheel
- how can i do this using highcharts, superposition two series share with yAixs
- how can I use rangeselector and navigation in highcharts in the given code
- How can I put text within horizontal bar chart data points using Highcharts as well as adding text underneath each data point? Example below:
- How can I achieve this type of marker in highcharts?
- How can I show last 10 indexes in Highcharts Timeline and left using scroll?
- How can I plot regions using HighCharts GeoMaps?
- How to create a column range chart in Highcharts using range and navigator functions?
- How can I get access to a Highcharts chart through a DOM-Container?
- HighCharts - How can I turn off the points?
- How can I change the colors of my highcharts piechart?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- How can I hide series from a HighCharts legend?
- How can I hide a series from initially being displayed in Highcharts
- How can I force multiple y-axis in Highcharts to have a common zero
- How can I fix Highcharts error #13?
- How do I dynamically change a data point in Highcharts using JavaScript
- How can i hide all the Series in highcharts at a time
More Query from same tag
- Hightchart to display user online time
- Is there a way to config high chart Y Axis label to appear larger?
- HighChart how to use object array
- How do I change the style of the inner part enclosed by the lines(polar) chart created with highcharts?
- How to make the react-highchart line type stay fixed?
- How to disable Print Chart button when there is no Chart present
- C#JSON serialization
- trouble with highchart and .clone()
- Highcharts - how can I center labels on a datetime x-axis?
- Having trouble mapping highcharter aesthetics to reactive object elements
- Highstock ranged overlay
- Exporting highcharts data to CSV file
- MySQL Data to Highchart's Pie Chart using JSON
- How can I have both a legend and data labels, with different labels, in Highcharts?
- HighCharts HIOptions.colors must be [string]?
- different pointWidths for series in column chart
- building a custom histogram with highcharts.js
- Change legend symbol in Column Chart in highcharts
- Highcharts (rCharts) onclick tooltip
- Increment x axis value by 10 instead of 1
- Importing Data in Highcharts with PHP
- How to draw area chart from 0 in Highcharts
- Highcharts ColumnRange - Display time range on yAxsis instead of Date
- HighCharts isn't working
- Webpack Highcharts Plugin IIFE
- Including source for Alchemy js breaks Highcharts js
- json in to a variable and then pass it
- Highcharts Bubble Size/Radius Animation
- Live multiple series with highchart
- How to retrieve parent category when using grouped categories in Highcharts?