mithril-node-piechart
v1.0.0
Published
Pie chart component for Mithril NodeJS
Downloads
3
Readme
mithril_node_piechart
A simple SVG pie chart component for Mithril JS and NodeJS.
Usage
// JSON containing data to create a basic SVG pie chart.
const data = {
width: 100,
height: 100,
parts:
[
{ title: "Part A", value : 180, color: "#02B3E7" },
{ title: "Part B", value: 60, color: "#CFD3D6" },
{ title: "Part C", value : 50, color: "#736D79" },
{ title: "Part D", value: 30, color: "#776068" },
{ title: "Part E", value : 20, color: "#EB0D42" },
{ title: "Part F", value : 20, color: "#FFEC62" },
{ title: "Part G", value : 7, color: "#04374E" }
]
};
const ctrl = piechart.controller(data);
const view = piechart.view(ctrl);
Run the following command:
node test/test.js
It will generate a HTML file containing a SVG pie chart : index.html.
Options
The controller takes a JSON containing data to create a pie chart. You should specify options like in usage example above.
| Option | Description |
| ---- | ---- | ---- |
| width | Define the width viewport of the pie chart SVG. Default: 0
|
| height | Define the height viewport of the pie chart SVG. Default: 100
|
| parts | JSON defining each parts of the pie chart. Example: { title: "Part 1", value : 180, color: "#02B3E7" }
|
| edgeWidth | Pie chart edge width. Default: 15
|
| delimiterColor | Pie chart parts delimiter color. Default: #fff
|
| delimiterOpacity | Pie chart parts delimiter opacity. Default: 0.3
|
| delimiterWidth | Pie chart parts delimiter width. Default: 1
|