Pie Series

EJSC.PieSeries Property Examples

Properties Demonstrated

• Standard EJSC.PieSeries Properties

Desired Result

Default EJSC.PieSeries Settings

Properties Demonstrated

• defaultColors
• treeLegend

Desired Result

This chart will have a new set of colors defined as the pool of colors to be used when creating the pie pieces, and show its items in the legend in a treeview format.

Source Code

1. <script type=”text/javascript”>
3.   var chart = new EJSC.Chart(“myChart1a”, {
4.     show_legend: false
5.   });
7.   chart.addSeries(new EJSC.PieSeries(
8.     new EJSC.ArrayDataHandler([[3,”Widgets”],
9.       [7,”Doodads”],[4,”Thingamagigs”],
10.       [10,”Whatchamacallits”],[2,”Gizmos”],
11.       [5,”Thingies”]])
12.   ));
14. </script>

Source Code

1. <script type=”text/javascript”>
3.   var chart = new EJSC.Chart(“myChart1b”, {
4.   });
6.   chart.addSeries(new EJSC.PieSeries(
7.     new EJSC.ArrayDataHandler([[3,”Widgets”],
8.       [7,”Doodads”],[4,”Thingamagigs”],
9.       [10,”Whatchamacallits”],[2,”Gizmos”],
10.       [5,”Thingies”]]
11.     ),
12.     {
13.       treeLegend: true ,
14.       defaultColors: [
15.           ‘rgb(255,140,0)’,  //DarkOrange
16.           ‘rgb(178,34,34)’,  //FireBrick
17.           ‘rgb(153,50,204)’,  //DarkOrchid
18.           ‘rgb(255,255,0)’,  //Yellow
19.           ‘rgb(112,219,147)’,  //AquaMarine
20.           ‘rgb(35,107,142)’  //SteelBlue
21.       ]
22.     }
23.   ));
25. </script>