масштабная диаграмма старшей диаграммы к ширине

Question

Я пытаюсь установить явную ширину на моем графике, 400px, но когда я делаю это, диаграмма обрезается!Я просто хочу, чтобы он уменьшился до этого размера, как это происходит на мобильном сайте Iphone,

Кто-нибудь знает, что я мог сделать?

Answer 1

У меня была такая же проблема.Чтобы исправить это, вы можете масштабировать контейнер с помощью этой CSS: .chart-container { transform: scale(0.75); }

и увеличить размер шрифта старшего чарта // For a pie chart: plotOptions: { pie: { style: { fontSize: '22px' } } }

Answer 2

Мне пришлось столкнуться с этой проблемой при импорте содержимого блога в 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)*/
        }
    });
});