highcharts 如何在每个柱状图上方添加 对应的人物头像?
$('#singleDepartment').highcharts({
chart: {
type: 'line'
},
global: {
useUTC: false
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
millisecond: '%m-%d',
second: '%m-%d',
minute: '%m-%d',
hour: '%m-%d',
day: '%m-%d',
week: '%m-%d',
month: '%m-%d',
year: '%m-%d'
}
},
tooltip: {
shared: true,
crosshairs: true,
dateTimeLabelFormats: {
hour: "%m-%e %H:%M",
day: "%m-%e",
month: "%Y-%m",
},
},
yAxis: {
title: {
text: '总营业额'
}
},
series: result,
plotOptions: {
spline: {
shadow: true,
animation: true,
lineWidth: 1
},
series: {
lineWidth: 4,
cursor: 'pointer',
events: {
click: function (event) {
singleDepartmentChart.destroy();
$('#singleDepartment').hide();
$('#container').show();
chart = InitContainerChart();
setTimeout(btn_Search(), 200);
//alert(event.point.x); // X轴值
//alert(this.data[event.point.x].y); // Y轴值
}
}
}
},
title: {
text: UserName + " " + clickName + ' 营业额分布情况',
x: -20 //center
},
}).highcharts();;
});
chart.renderer.image('../../Content/Images/SalePic/' + item + '.jpg', (i + 1) * 88, i*20 , 80, 80).add();
这样会有头像,但是如何计算 x轴 Y轴的距离呢?