Bootstrap + HighCharts.js圆环图中的响应图像位置

时间:2016-06-01 12:04:19

标签: javascript twitter-bootstrap highcharts donut-chart

我需要在圆环图中插入一个图像,但是当使用bootstrap时,当它变得响应时,图像的位置会从圆环图中移出。我希望图像位于圆环图的中心,我该怎么做?

示例代码:http://paste.ubuntu.com/16889111/

1 个答案:

答案 0 :(得分:0)

chart.renderer.image的代码使用的是固定值,而非相对值:

// Render the image
chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', 220, 200, 60, 60)
.add();

我建议根据图表容器的当前大小制作四个值(x顶角的位置,顶角的y位置,图像宽度和图像高度)变量。

考虑根据$('#chart').height()$('#chart').width()设置值,并测试chart.redraw()chart.reflow()函数,以确保在视口更改时图表中的图像得到更新。

以下是API文档中可能对您有所帮助的一些链接: