Add pdf example, add misc attributes

maantje · Jan 22, 2025 · 19037b6 · 19037b6
1 parent 7bdaa30
commit 19037b6
Show file tree

Hide file tree

Showing 24 changed files with 914 additions and 53 deletions.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@
 - Supports various chart types: line charts, bar charts, stacked charts, and mixed charts
 - Fully customizable and extendable
 - Outputs pure SVG, allowing for:
-  - Embedding in PDFs (ideal for reports)
+  - Embedding in PDFs, [view example PDF report](./examples/output/report.pdf)
 
 ## Installation
 
@@ -23,6 +23,7 @@ composer require maantje/charts
 
 Below are some examples of the types of charts you can create using this library. Click on the links to view the source code for each example.
 
+- [Example usage with mPDF](#example-mpdf)
 - [Simple Line Chart](#simple-line-chart)
 - [Curved Line Chart](#curved-line-chart)
 - [Step Line Chart](#step-line-chart)
@@ -34,6 +35,9 @@ Below are some examples of the types of charts you can create using this library
 - [Mixed Chart](#mixed-chart)
 - [Pie Chart](#pie-chart)
 
+### Example mPDF
+[View PDF](./examples/output/report.pdf)  
+[View source](./examples/pdf/mpdf.php)
 
 ### Simple Line Chart
 ![alt text](./examples/output/line-chart.svg)  

diff --git a/composer.json b/composer.json
@@ -17,6 +17,9 @@
     "scripts": {
         "examples": [
             "cd examples && for example in *.php; do php \"$example\" > \"./output/$(basename \"${example%.php}.svg\")\"; done"
+        ],
+        "pdf": [
+            "cd examples/pdf && php mpdf.php >> ../output/report.pdf"
         ]
     },
     "require-dev": {

diff --git a/examples/advanced-line-chart.php b/examples/advanced-line-chart.php
@@ -110,7 +110,7 @@
                         new Point(y: 42.2, x: 1725331334 + 3600 + 3600 + 3600),
                     ],
                     yAxis: 'celsius',
-                    lineColor: '#FF0000',
+                    color: '#FF0000',
                 ),
                 new Line(
                     [

diff --git a/examples/curved-line-chart.php b/examples/curved-line-chart.php
@@ -23,7 +23,7 @@
                         new Point(y: 25, x: 350),
                         new Point(y: 35, x: 400),
                     ],
-                    lineColor: 'red',
+                    color: 'red',
                     curve: 8
                 ),
 
@@ -38,7 +38,7 @@
                         new Point(y: 96, x: 350),
                         new Point(y: 128, x: 400),
                     ],
-                    lineColor: 'blue',
+                    color: 'blue',
                     curve: 6
                 ),
 
@@ -54,7 +54,7 @@
                         new Point(y: 5, x: 350),
                         new Point(y: 0, x: 400),
                     ],
-                    lineColor: 'green',
+                    color: 'green',
                     curve: 5
                 ),
 
@@ -69,7 +69,7 @@
                         new Point(y: 35, x: 350),
                         new Point(y: 50, x: 400),
                     ],
-                    lineColor: 'purple',
+                    color: 'purple',
                     curve: 7
                 ),
             ]

diff --git a/examples/line-chart.php b/examples/line-chart.php
@@ -26,7 +26,7 @@
                         new Point(y: 24, x: 200),
                         new Point(y: 7, x: 300),
                     ],
-                    lineColor: 'blue'
+                    color: 'blue'
                 ),
             ]
         ),

diff --git a/examples/mixed-chart.php b/examples/mixed-chart.php
@@ -67,7 +67,7 @@
                         new Point(y: 14000, x: 200),
                         new Point(y: 7000, x: 300),
                     ],
-                    lineColor: 'blue'
+                    color: 'blue'
                 ),
             ]
         ),

diff --git a/examples/output/advanced-line-chart.svg b/examples/output/advanced-line-chart.svg
diff --git a/examples/output/curved-line-chart.svg b/examples/output/curved-line-chart.svg