Смещение jqplot в IE 7 и 8 при печати

У меня возникли проблемы с получением графика, созданного с помощью jqplot, для печати с правильным выравниванием в IE 7 и 8. Он отлично выглядит на экране, но как только я нажимаю предварительный просмотр печати, все испортится.

Помоги мне, пожалуйста

Выравнивание в IE 9, Firefox и Chrome идеальное. Любая помощь будет принята с благодарностью

https://lh6.googleusercontent.com/_eXAGzNHBomg/TbgxHZiwFRI/AAAAAAAAACwg/CQqXHN2CkZA/s800/d01.png


javascript css jqplot
person ferronrsmith    schedule 27.04.2011    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Этот сработало для меня. Это функция javascript, которая сбрасывает абсолютную позицию каждого холста.

person user1065335    schedule 16.04.2012
comment
+1 это очень хорошая находка. Я использовал информацию из ссылки и создал пример кода, опубликованный в моем ответе на аналогичную проблему, чтобы увидеть результаты этого решения. Это работает просто отлично. - person Boro; 13.07.2012
comment
приведённая ссылка не работает! - person womd; 23.01.2020

arrow_upward
0
arrow_downward

Добавил итератор класса на холсты, а затем использовал хаки браузера, чтобы идеально выровнять панели для разных браузеров.

Это модифицированный эксканвас: http://pastebin.com/mgHUbe3S

В строке 309 происходит волшебство

    var el = surfaceElement.ownerDocument.createElement('div');
    **el.className = "seriesContainer_"+counter;**
    el.style.width =  surfaceElement.clientWidth + 'px';
    el.style.height = surfaceElement.clientHeight + 'px';
    el.style.overflow = 'hidden';
    el.style.position = 'absolute';
    surfaceElement.appendChild(el);

    this.element_ = el;
    this.arcScaleX_ = 1;
    this.arcScaleY_ = 1;
    this.lineScale_ = 1;
    counter++;
  }
person ferronrsmith    schedule 17.05.2011
comment
Вы уверены, что правильно обращаетесь к классу контейнера серии? - person ferronrsmith; 07.02.2012
comment
что я сделал, так это скопировал ваш файл js и заменил свой, я думал, что это решение? - person isJustMe; 07.02.2012
comment
ferronrsmith О какой кастомизации тут идет речь, просто замена excanvas.js не работает. Не могли бы вы уточнить это? На данный момент я должен сказать, что решение, данное @user1065335 (+1), является моим предпочтительным, поскольку оно просто копирует и вставляет, и оно отлично работает :) - person Boro; 13.07.2012

arrow_upward
-1
arrow_downward

Просмотрите настройки печати и убедитесь, что CSS включен.

person Jason    schedule 27.04.2011