柱状图和折线图上全部显示:
图例:
源代码:
Highcharts.chart('container', {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: '餐厅投诉情况'
},
subtitle: {
text: '帕拉图表示的是柏拉定律,即常说的 8/2 定律:20%的原因造成80%的问题'
},
xAxis: {
categories: ['价格过高', '分量过小', '等待时间过长', '食物难吃', '氛围不好', '不卫生', '太吵', '服务态度不好']
},
plotOptions: { //此属性为设置数值展示
series: {
pointPadding: 0.2,
borderWidth: 0,
dataLabels: {
enabled: true, //设置显示对应y的值
formatter: function () {
return this.point.y.toFixed(2)+"%";
},
style: {
color: '#000',
},
},
},
column: {
pointPadding: 0.2,
borderWidth: 0,
dataLabels: {
enabled: true, //设置显示对应y的值
formatter: function () {
return this.point.y;
},
style: {
color: '#000',
},
},
},
},
yAxis: [{
title: {
text: ''
}
}, {
title: {
text: ''
},
minPadding: 0,
maxPadding: 0,
max: 100,
min: 0,
opposite: true,
labels: {
format: "{value}%"
}
}],
series: [{
type: 'pareto',
name: '累计比率',
yAxis: 1,
zIndex: 10,
baseSeries: 1,
tooltip: {
pointFormat: '{series.name} {point.y:.2f} %'
}
}, {
name: '投诉次数',
type: 'column',
zIndex: 2,
data: [755, 222, 151, 86, 72, 51, 36, 10]
}]
});