[英]How can I achieve this using HighCharts library
I am very new to Highcharts
.我对
Highcharts
很陌生。 I am developing a dashboard and I need to create a percentage usage of equipment at a Plant.我正在开发仪表板,我需要创建工厂设备的使用百分比。 I checked all the demos provided by
Highcharts
but didn't find a similar one.我检查了
Highcharts
提供的所有演示,但没有找到类似的演示。
This what I need.这是我需要的。
I know I can do it from scratch but I prefer to use Highcharts
if possible.我知道我可以从头开始,但如果可能的话,我更喜欢使用
Highcharts
。
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.我准备了一个使用
stacked bar
的演示,这可能是您创建与共享图片中相同的图表的良好起点。
Demo: https://jsfiddle.net/BlackLabel/qum72ejL/演示: 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]
}]
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.