Question

我正在尝试在我的图表上设置一个明确的宽度，400px，但是当我这样做时，图表会被切断！我只是希望它缩小到那个尺寸，就像它在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)*/
        }
    });
});

Answer 2

我遇到了同样的问题。要修复它，您可以使用此css扩展容器： .chart-container { transform: scale(0.75); }

并增加highcharts字体大小 // For a pie chart: plotOptions: { pie: { style: { fontSize: '22px' } } }

highcharts比例图表到宽度

2 个答案: