Platforms to show: All Mac Windows Linux Cross-Platform
Required plugins for this example: MBS ChartDirector Plugin
You find this example project in your Plugins Download as a Xojo project file within the examples folder: /ChartDirector/legendpie2
This example is the version from Sun, 17th Mar 2012.
Project "legendpie2.xojo_binary_project"
Class App Inherits Application
Const kEditClear = "&Löschen"
Const kFileQuit = "Beenden"
Const kFileQuitShortcut = ""
End Class
Class PicWindow Inherits Window
EventHandler Sub Open()
// The data for the pie chart
dim data(-1) as double = array(21.0, 18, 15, 12, 8, 24)
// The labels for the pie chart
dim labels(-1) as string = array("Labor", "Licenses", "Taxes", "Legal", "Facilities", "Production")
// The colors to use for the sectors
dim colors(-1) as integer
colors.Append &h66aaee
colors.Append &heebb22
colors.Append &hbbbbbb
colors.Append &h8844ff
colors.Append &hdd2222
colors.Append &h009900
// Create a PieChart object of size 600 x 320 pixels. Use a vertical gradient
// color from light blue (99ccff) to white (ffffff) spanning the top 100 pixels
// as background. Set border to grey (888888). Use rounded corners. Enable soft
// drop shadow.
dim c as new CDPieChartMBS(600, 320)
c.setBackground(c.linearGradientColor(0, 0, 0, 100, &h99ccff, &hffffff),&h888888)
c.setRoundedFrame
c.setDropShadow
// Add a title using 18 pts Times New Roman Bold Italic font. Add 16 pixels top
// margin to the title.
c.addTitle("Pie Chart With Legend Demonstration", "timesbi.ttf", 18).setMargin(0, 0, 16, 0)
// Set the center of the pie at (160, 165) and the radius to 110 pixels
c.setPieSize(160, 165, 110)
// Draw the pie in 3D with a pie thickness of 25 pixels
c.set3D(25)
// Set the pie data and the pie labels
c.setData(data, labels)
// Set the sector colors
c.setColors(CDPieChartMBS.kDataColor, colors)
// Use local gradient shading for the sectors
c.setSectorStyle(CDPieChartMBS.kLocalGradientShading)
// Use the side label layout method, with the labels positioned 16 pixels from
// the pie bounding box
c.setLabelLayout(CDPieChartMBS.kSideLayout, 16)
// Show only the sector number as the sector label
c.setLabelFormat("{={sector}+1}")
// Set the sector label style to Arial Bold 10pt, with a dark grey (444444)
// border
c.setLabelStyle("arialbd.ttf", 10).setBackground(CDPieChartMBS.kTransparent, &h444444)
// Add a legend box, with the center of the left side anchored at (330, 175), and
// using 10 pts Arial Bold Italic font
dim b as CDLegendBoxMBS = c.addLegend(330, 175, true, "arialbi.ttf", 10)
b.setAlignment(CDPieChartMBS.kLeft)
// Set the legend box border to dark grey (444444), and with rounded conerns
b.setBackground(CDPieChartMBS.kTransparent, &h444444)
b.setRoundedCorners
// Set the legend box margin to 16 pixels, and the extra line spacing between the
// legend entries as 5 pixels
b.setMargin(16)
b.setKeySpacing(0, 5)
// Set the legend box icon to have no border (border color same as fill color)
b.setKeyBorder(CDPieChartMBS.kSameAsMainColor)
// Set the legend text to show the sector number, followed by a 120 pixels wide
// block showing the sector label, and a 40 pixels wide block showing the
// percentage
b.setText("<*block,valign=top*>{={sector}+1}.<*advanceTo=22*><*block,width=120*>{label}<*/*><*block,width=40,halign=right*>{percent}<*/*>%")
// Output the chart
Backdrop=c.makeChartPicture
End EventHandler
End Class
MenuBar MenuBar1
MenuItem FileMenu = "&Ablage"
MenuItem FileQuit = "#App.kFileQuit"
MenuItem EditMenu = "&Bearbeiten"
MenuItem EditUndo = "&Rückgängig"
MenuItem UntitledMenu1 = "-"
MenuItem EditCut = "&Ausschneiden"
MenuItem EditCopy = "&Kopieren"
MenuItem EditPaste = "&Einfügen"
MenuItem EditClear = "#App.kEditClear"
MenuItem UntitledMenu0 = "-"
MenuItem EditSelectAll = "&Alles auswählen"
End MenuBar
End Project
The items on this page are in the following plugins: MBS ChartDirector Plugin.