Qt - program konsolowy do generowania wykresów słupkowych SVG

Stronę tą wyświetlono już: 498 razy

Prosty program konsolowy, który w zasadzie stworzyłem z myślą przetestowania nowego zestawu narzędzi, jakie na własne potrzeby wykonuję, a które umożliwi mi szybkie, łatwe i przyjemne generowanie plików HTML z elementami grafiki SVG. Program działa na zasadzie podania w konsoli systemowej argumentu pozwalającego wygenerować wykres w HTML-u. Oto przykładowe wywołanie programu pod systemem Windows:

SvgCreator.exe "value={1;opis 1}|value={2;opis 2}|value={3;opis3}|xLabel=Os X|yLabel=Os Y|title=Przykladowy wykres|id=wykres|height=400|width=600"

W systemie Linux:

./SvgCreator "value={1;opis 1}|value={2;opis 2}|value={3;opis3}|xLabel=Os X|yLabel=Os Y|title=Przykladowy wykres|id=wykres|height=400|width=600"

Możliwe jest oczywiście wygenerowanie do jednego pliku HTML kilku takich wykresów:

SvgCreator.exe "value={1;opis 1}|value={2;opis 2}|value={3;opis3}|xLabel=Os X|yLabel=Os Y|title=Przykladowy wykres|id=wykres|height=400|width=600" "value={1;opis 1}|value={2;opis 2}|value={3;opis3}|xLabel=Os X|yLabel=Os Y|title=Przykladowy wykres 2|id=wykres|height=400|width=600"

Powyższe wywołanie spowoduje utworzenie pliku HTML z dwoma wykresami. Przykład wygenerowanego w ten sposób wykresu zamieszczam poniżej.

Przykladowy wykres
Os X Os Y 1 1 2 2 3 3

Legenda wykresu:

  • 1) opis 1 = 1

  • 2) opis 2 = 2

  • 3) opis3 = 3

Sam kod użyty w funkcji main wygląda następująco:

Listing 1
  1. int main(int argc, char *argv[])
  2. {
  3. QCoreApplication a(argc, argv);
  5. qsrand(static_cast<uint>(time(nullptr)));
  7. QHtmlPage *htmlPage = new QHtmlPage("Qt html + svg");
  9. htmlPage->addJavaScriptCode(svg::diagram::SvgDiagramPale::getJavaScriptDiagramCode());
  11. // local css files
  13. for(int i = 1; i < argc; i++){
  14. qDebug() << argv[i];
  16. htmlPage->getBody()->addHtmlChild(svg::diagram::SvgDiagramPale::getSvgDiagramPale(QString::fromLatin1(argv[i]).toUtf8()));
  17. }
  19. htmlPage->addLocalStyle(
  20. "svg.diagram { "
  21. "display: block;"
  22. "margin: auto;"
  23. "max-width: 100%;"
  24. "}"
  25. "figcaption.title { "
  26. "font-size: 14pt;"
  27. "text-align: center;"
  28. "}"
  29. "figcaption.diagramLegend {"
  30. "margin: auto;"
  31. "padding: 0 0 0 0;"
  32. "width: 800px;"
  33. "max-width: 100%;"
  34. "background-color: #aaaaaa;"
  35. "}"
  36. "ul.diagramLegend { "
  37. "list-style-type: none;"
  38. "background-color: #aaaaaa;"
  39. "width: 100%;"
  40. "margin: auto;"
  41. "padding: 0;"
  42. "}"
  43. "ul.diagramLegend > li {"
  44. "display: inline-table;"
  45. "width: 25%;"
  46. "margin: 0 0 0 0;"
  47. "padding: 0 0 0 0;"
  48. "}"
  49. "ul.diagramLegend > li > p { "
  50. "margin-left: 10px;"
  51. "margin-right: 10px;"
  52. "}"
  53. "ul.diagramLegend > li:hover { "
  54. "color: white;"
  55. "}"
  56. "figcaption.diagramLegend > p { "
  57. "padding: 10px 0 0 10px;"
  58. "background-color: #aaaaaa;"
  59. "}"
  60. );
  62. QFile file("htmlWithSvg.html");
  64. file.open(QIODevice::WriteOnly);
  66. QTextStream textStream(&file);
  68. textStream << htmlPage;
  70. file.close();
  72. delete htmlPage;
  74. return a.exec();
  75. }

Dokładny przykład generowanego pliku można zobaczyć tutaj.

Załączniki:

Wersja na Windowsa programu SvgCreator przeznaczonego do generowania wykresów SVG osadzonych w pliku HTML

Komentarze