获取Highcharts宽度

Question

我想得到当前的图表宽度,我尝试过这样的事情:

chart.width

和

$(this).parent().width()

图表是哪里

chart = new Highcharts.Chart({ ... })

但是不起作用......

更多信息

我想在导出按钮的左侧放置一个图像(帮助器)(响应).

目前我有以下代码:

$(document).ready(function() {
     chart = new Highcharts.Chart({
        chart: {
            renderTo: 'area1',
            type: 'bar',
            events: {
                load: drawImages,

            }
         ...}
      })
    })

和

function drawImages() {
    var chart = this;
    x = chart.plotRight - 50

    chart.renderer.image('/assets/faq.png', x, 0, 20, 20)

    .attr({
        zIndex: 100,
        title: "My title for displaying a tooltip"
    })
    .css({
        cursor: 'pointer'
    })
    .add();   
    };

但图像显示在图表的左侧(使用plotRight).

我知道如何获得图形的div容器的宽度("area1"),但我希望代码更像面向对象(因为我每页至少有5个图形).

Answer 1

在图表对象中,您可以访问chartWidth参数,该参数保持图表的宽度.

http://jsfiddle.net/7xNQL/1/

//callback
    function(chart){

                console.log(chart.chartWidth);

            }

Answer 2

最后我找到了一个解决方案,使用方法"container":

$(chart.container).width()

这将返回图表的当前宽度.