1.1.0 • Published 9 years ago

ti-module-nl.fokkezb.magicpie v1.1.0

Weekly downloads
6
License
Copyright (c) 201...
Repository
-
Last release
9 years ago

MagicPie

A Titanium wrapper for MagicPie.

Learn by example

See the example.

How to use

Create a pie-view

var MagicPie = require('nl.fokkezb.magicpie');
var view = MagicPie.createView({
    width: 200,
    height: 200,
    values: [{
        itemid: 'b',
        title: "hello",
        color: 'yellow',
        value: 8
    }, {
        itemid: 'c',
        color: 'blue',
        value: 5
    }]
});

Adding a value after creation

view.addValues([{
    itemid: 'bgg',
    color: '#336699',
    value: 2
}]);

Or replace:

view.setValues([{
    itemid: 'bgg',
    color: '#336699',
    value: 2
}]);

Listen to taps on the pie

view.addEventListener('selected', function(e) {
    console.info(e);
});

This will give you:

  • e.itemid: As given for value the user tapped on.
  • e.title: As given for value the user tapped on.
  • e.value: As given for value the user tapped on.
  • e.positionx: Position of tap relative to view.
  • e.positiony: Position of tap relative to view.
  • e.source: The pie chart view.

More options

  • minRadius: 25: Makes it a donut pie.
  • maxRadius: 80: Maximum radius (default is to fit in pie view width/height).
  • angles: { startAngle: 0, endAngle: 180 }: Makes it a partial pie (default is full).
  • showTitles: MagicPie.SHOW_TITLES_IF_ENABLE: Can be either of SHOW_TITLES_IF_ENABLE, SHOW_TITLES_ALWAYS or SHOW_TITLES_NEVER.

Credits