highcharts 如何在每个柱状图上方添加 对应的人物头像?

wwfgu00ing 2016-09-18 08:48:38
$('#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轴的距离呢?
...全文
606 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
wwfgu00ing 2016-09-18
  • 打赏
  • 举报
回复
如何在每个柱状图上面添加人物头像呢?

39,118

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧