Вопрос

Кто -нибудь знает способ автоматического создания диаграммы SVG и одновременно экспортировать версию изображения JPEG или PNG. $(document).ready)?

Я хочу отобразить версию SVG для экрана и поместить PNG или JPEG в скрытый Div для печати.

Заранее спасибо.

Это было полезно?

Решение

Мое решение автоматически создает эквивалентное изображение SVG каждой диаграммы на моей странице/приборной панели (в ее исходном состоянии), без необходимости, чтобы пользователь экспортировал их индивидуально. Это позволяет правильно печатать все графики и диаграммы HighCharts на странице, без необходимости взаимодействия с пользователем.

Причина, по которой страницы с диаграммами Highcharts не печатаются правильно, заключается в том, что диаграммы сделаны с использованием SVG, а текущие версии общих браузеров не поддерживают печать SVG (написано январь 2012). Поэтому мое решение будет неактуально, когда они это сделают.

Мое решение обойти это текущее ограничение браузера:

Во -первых, мне поправили Highcharts exporting.js Файл для автоматического запуска подпрограммы, которая обычно запускается, когда пользователь вручную выбирает для экспорта изображения.

Далее важно отметить, что когда пользователь вручную выбирает экспорт изображения, их запрос отправляется в виде запроса заголовка общей страницы.

Следовательно, моя поправка к функции экспорта не публикует данные HighCharts напрямую, но сначала публикует SVG и другие необходимые данные, которые необходимы HighTharts для DEV на моей странице/панели инструментов.

Каждый Div, который получает запрос, включает в себя файл PHP, чья процедура json_encodes Данные POST, которые он получает из подпрограммы экспорта, а затем публикует их на HighTharts Export Server в качестве собственного заголовка.

Таким образом, поскольку пост запускается из этого Div, результат отправляется непосредственно в этот Div, в качестве заголовка сценария PHP в этом Div.

После того, как он был отправлен обратно в этот Div, я сохранил изображение, сделало Div Print только через CSS, и единственным HTML -выводом этого Div был тег IMG с путем файла изображения.

Я запустил все DOV, которые будут заполнены их изображениями, используя $(document).ready.

Одна примечание для любого другого, пытаясь это stripslashes JSON на одном из них, прежде чем отправить его в HighCharts.

На следующие посты будут указывать любому еще, пытаясь сделать это в правильном направлении.

Сохранение изображения диаграммы Google для файла с помощью PHP

Публикация в Div:

Публикация формы в jQuery и заполнить div - сломана в т.е.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top