Download the PHP package systonia/waypoint-charts without Composer
On this page you can find all versions of the php package systonia/waypoint-charts. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download systonia/waypoint-charts
More information about systonia/waypoint-charts
Files in systonia/waypoint-charts
Package waypoint-charts
Short Description For this package there is no description available.
License
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package waypoint-charts
waypoint-charts
Bar and line charts for Waypoint, rendered as SVG on the
server. They work without JavaScript, print, go into PDFs and e-mails, and ship their data as a real
table. waypoint.js adds tooltips, a crosshair and keyboard navigation on top.
Setup
The layout renders the stylesheet and script with $this->pluginAssetTags().
Usage
The sales page of Sonnenkorn, the bakery in the Waypoint example app,
draws two charts from its sales report (from src/Controllers/BackofficeController.php):
- In a view:
{{ $this->chart($model->revenue) }}renders a<figure>with caption, the SVG, a legend (two or more series) and the data table in a<details>. - From a route:
return $chart;answers withimage/svg+xml. Use it as<img src="/backoffice/sales/revenue.svg">or inside a PDF; the SVG carries its own dark-mode styles. - From a query:
Chart::fromRows($rows, x: 'day', y: 'quantity', series: 'product')pivots rows (arrays or objects) into labels and series (duplicates add up). - By hand:
Chart::bar()->labels(['Mon', 'Tue'])->series('Croissants', [84, 76])->series('Pretzels', [60, 58]).
Builder options: line() or bar(), stacked() (bars), markers(false) (lines), unit('€', decimals: 2),
description('...') for the screen-reader sentence (generated from the data when omitted),
size(width, height), withTable(false). At most eight series: fold the rest into "Other" or draw a
second chart; never two value axes on one chart.
What you get by design
- Thin marks: bars at most 24px wide with a rounded data end and a square baseline, 2px lines, 8px markers with a surface ring, 2px surface gaps in stacks. Gridlines are hairlines.
- Colors are assigned to series in a fixed, validated colorblind-safe order and follow the series, never its rank. Text never wears a series color.
- A legend for two or more series; the maximum of a single-series bar chart and the end value of each line are labelled directly. Everything else is in the tooltip and the table.
role="img"with<title>and a generated<desc>; every x position is a focusable hit area with the values in itsaria-label; arrow keys walk the positions once the script is loaded.- Light and dark mode from the same eight hues, stepped for each surface.
Options
| Setting | Default | Description |
|---|---|---|
width, height |
640, 320 |
Drawing size; the SVG scales with its container. |
maxBarWidth |
24 |
Bars never get thicker than this. |
format |
null |
Closure(float $value, int $decimals): string; default number_format with . and ,. |
table |
true |
Render the data table under every chart. |
tableLabel |
'Show data as table' |
Text of the <summary>. |
palette, paletteDark |
validated defaults | Eight categorical colors per surface, in slot order. Validate a replacement before shipping it. |
