console
$(function() {
$('#single-product-income').highcharts({
chart: {
type: 'column',
height: 150
},
credits: {
enabled: false
},
title: {
text: null
},
subtitle: {
text: null
},
xAxis: {
type: 'category',
lineColor: '#929292',
tickLength: 0,
lineWidth: 2,
labels: {
style: {
"color": "#929292",
"fontSize": "0.60rem",
"fontWeight": 400
}
},
},
yAxis: {
maxPadding: 0.20,
tickInterval: 88 * 0.3125,
title: {
text: null
},
labels: {
enabled: false
}
},
legend: {
enabled: false
},
plotOptions: {
column: {
groupPadding: 0.15,
pointPadding: 0.05
},
series: {
enableMouseTracking: false,
dataLabels: {
enabled: true,
format: '${point.y:.2f}',
style: {
"color": "#a50002",
"fontSize": "0.50rem",
"fontWeight": 300
}
}
}
},
series: [{
colorByPoint: false,
data: [{
color: '#846bb9',
name: '麻辣鸡丝',
y: 88
}, {
color: '#ae91ec',
name: '麻辣鸡丝',
y: 56
}, {
color: '#91c2ec',
name: '麻辣鸡丝',
y: 34
}, {
color: '#ffc000',
name: '麻辣鸡丝',
y: 21
}, {
color: '#ff1e6d',
name: '麻辣鸡丝',
y: 5
}]
}]
});
});
<div id="single-product-income" style="min-width: 310px; max-width: 375px; height: 400px; margin: 0 auto"></div>