我需要在圆环图中插入一个图像,但是当使用bootstrap时,当它变得响应时,图像的位置会从圆环图中移出。我希望图像位于圆环图的中心,我该怎么做?
答案 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文档中可能对您有所帮助的一些链接: