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/multicylinder
This example is the version from Sun, 17th Mar 2012.
Project "multicylinder.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()
// Data for the chart
dim data0(-1) as double=array(100, 125, 245, 147, 67, 96, 160, 145, 97, 167, 220, 125.0)
dim data1(-1) as double=array(85, 156, 179, 211, 123, 225, 127, 99, 111, 260, 175, 156.0)
dim data2(-1) as double=array(97, 87, 56, 267, 157, 157, 67, 156, 77, 87, 197, 87.0)
dim labels(-1) as string = array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug","Sept", "Oct", "Nov", "Dec")
// Create a XYChart object of size 560 x 280 pixels.
dim c as new CDXYChartMBS(560, 280)
// Add a title to the chart using 14 pts Arial Bold Italic font
call c.addTitle(" Average Weekly Network Load", "arialbi.ttf", 14)
// Set the plotarea at (50, 50) and of 500 x 200 pixels in size. Use alternating
// light grey (f8f8f8) / white (ffffff) background. Set border to transparent and
// use grey (CCCCCC) dotted lines as horizontal and vertical grid lines
call c.setPlotArea(50, 50, 500, 200, &hffffff, &hf8f8f8, c.kTransparent, c.dashLineColor(&hcccccc, c.kDotLine), c.dashLineColor(&hcccccc,c.kDotLine))
// Add a legend box at (50, 22) using horizontal layout. Use 10 pt Arial Bold
// Italic font, with transparent background
dim l as CDLegendBoxMBS
l=c.addLegend(50, 22, false, "arialbi.ttf", 10)
l.setBackground(c.kTransparent)
// Set the x axis labels
call c.xAxis.setLabels(labels)
// Draw the ticks between label positions (instead of at label positions)
c.xAxis.setTickOffset(0.5)
// Add axis title
call c.yAxis.setTitle("Throughput (MBytes Per Hour)")
// Set axis line width to 2 pixels
c.xAxis.setWidth(2)
c.yAxis.setWidth(2)
// Add a multi-bar layer with 3 data sets
dim layer as CDBarLayerMBS
layer = c.addBarLayer(c.kSide)
call layer.addDataSet(data0, &hff0000, "Server #1")
call layer.addDataSet(data1, &h00ff00, "Server #2")
call layer.addDataSet(data2, &h0000ff, "Server #3")
// Set bar shape to circular (cylinder)
layer.setBarShape(c.kCircleShape)
// Configure the bars within a group to touch each others (no gap)
layer.setBarGap(0.2, c.kTouchBar)
// 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.