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/polarbubble
This example is the version from Sun, 17th Mar 2012.
Project "polarbubble.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 chart
dim data0(-1) as double = array(6, 12.5, 18.2, 15.0)
dim angles0(-1) as double = array(45, 96, 169, 258.0)
dim size0(-1) as double = array(41, 105, 12, 20.0)
dim data1(-1) as double = array(18, 16, 11, 14.0)
dim angles1(-1) as double = array(30, 210, 240, 310.0)
dim size1(-1) as double = array(30, 45, 12, 90.0)
// Create a PolarChart object of size 460 x 460 pixels
dim c as new CDPolarChartMBS(460, 460)
// Add a title to the chart at the top left corner using 15pts Arial Bold Italic
// font
call c.addTitle(CDPolarChartMBS.kTopLeft, "<*underline=2*>EM Field Strength", "arialbi.ttf", 15)
// Set center of plot area at (230, 240) with radius 180 pixels
c.setPlotArea(230, 240, 180)
// Use alternative light grey/dark grey circular background color
c.setPlotAreaBg(&hdddddd, &heeeeee)
// Set the grid style to circular grid
c.setGridStyle(false)
// Add a legend box at the top right corner of the chart using 9 pts Arial Bold
// font
c.addLegend(459, 0, true, "arialbd.ttf", 9).setAlignment(CDPolarChartMBS.kTopRight)
// Set angular axis as 0 - 360, with a spoke every 30 units
c.angularAxis.setLinearScale(0, 360, 30)
// Set the radial axis label format
c.radialAxis.setLabelFormat("{value} km")
// Add a blue (&h9999ff) line layer to the chart using (data0, angle0)
dim layer0 as CDPolarLineLayerMBS
layer0 = c.addLineLayer(data0, &h9999ff, "Cold Spot")
layer0.setAngles(angles0)
// Disable the line by setting its width to 0, so only the symbols are visible
layer0.setLineWidth(0)
// Use a circular data point symbol
layer0.setDataSymbol(CDPolarChartMBS.kCircleSymbol, 11)
// Modulate the symbol size by size0 to produce a bubble chart effect
layer0.setSymbolScale(size0)
// Add a red (&hff9999) line layer to the chart using (data1, angle1)
dim layer1 as CDPolarLineLayerMBS
layer1 = c.addLineLayer(data1,&hff9999, "Hot Spot")
layer1.setAngles(angles1)
// Disable the line by setting its width to 0, so only the symbols are visible
layer1.setLineWidth(0)
// Use a circular data point symbol
layer1.setDataSymbol(CDPolarChartMBS.kCircleSymbol, 11)
// Modulate the symbol size by size1 to produce a bubble chart effect
layer1.setSymbolScale(size1)
// 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.