html - highcharts 将图表缩放到宽度

Question

我试图在我的图表上设置一个明确的宽度，400 像素，但是当我这样做时图表被截断了!我只是想让它缩小到那个大小，就像它在 Iphone 移动网站上一样，

有人知道我能做什么吗？

Answer 1

在将博客内容导入 jquery Mobile 时，我不得不处理这个问题。您不能总是指望写条目的人将图像制作成 iPhone 大小(他们也不应该)。所以，这就是我解决问题的方法。

英文:初始化“页面”时，查看页面上所有具有宽度的图像，如果它大于设备的宽度，则删除高度并将宽度设置为 100%。

这样做的额外好处是，如果您旋转设备，图像会变大。

这是代码...

$("div").live("pageinit", function(){
    var $images = $("img[width]");
    $images.each(function(){ 
        try{
            var $image = $(this);
            var currentWidth = Number($image.attr("width"));
            if(currentWidth > 320){
                $image.width("100%");
                $image.removeAttr("height");
            }
        }catch(e){
            /*alert("page init error\n image scale fail\n"+e)*/
        }
    });
});