Отчеты с использованием HTML5?

Question

У меня есть вопрос.Я должен подготовить хороший модуль отчета для приложения на PHP и MySQL.Отчет должен быть в двух формах: график и обычная таблица с текстом.Таблицы и текст просты, но я не знаю, с чего начать.Я думал о HTML5 (canvas) и Javascript, но, честно говоря, я не знаю, хорошая ли это идея.

Я не знаю, отображается ли HTML5 во всех браузерах одинаково.Некоторое время назад это была проблема, и у меня не было времени исследовать ее самостоятельно.Хорошие советы о новых элементах (canvas, article, footer и т. Д.) В разных браузерах (включая мобильные) были бы хорошими.

Может быть, у кого-то была похожая проблема, и он может дать совет о том, как начать?

Answer 1

Для этого существует множество бесплатных инструментов javascript, например:

jqplot

Google диаграммы

В Google чартах используется canvas для браузеров с поддержкой canvas и Flash для других браузеров (например, IE).

Answer 2

Одна вещь, которую вы могли бы рассмотреть, - это использовать wkhtmltopdf для создания PDF любого HTML5, который вы хотите, с помощью согласованного движка рендеринга Webkit.Я бы настроил это так:

• Пользователь щелкает ссылку, которая говорит "сгенерировать"
• Это загружает скрипт, который запускает отчет (генерирует данные и т. Д.)и выводит необходимый HTML-код во временный файл
• Вызывает wkhtmltopdf, используя временный HTML-файл в качестве входных данных, и выводит его во временный PDF
• Считывает PDF-файл в PHP, устанавливает заголовки и выводитPDF в браузер

Это должно создать довольно плавный опыт и не займет больше нескольких секунд для запуска, и, поскольку это Webkit, вы можете использовать любую библиотеку Javascript, которую вы хотите сделать диаграммами (Мне нравится flot).

Answer 3

Зависит от вашей целевой группы пользователей. Если вы не хотите достигать максимального количества веб-браузеров, вам, вероятно, стоит выбрать графическое решение на основе Flash. Однако Flash не поддерживается на iPad и iPhone.

Если вы хотите поддерживать iPhone / iPad и по-прежнему иметь интерактивный график, используйте Canvas - однако я не верю, что он еще поддерживается Internet Explorer.