Xojo Conferences
MBSSep2018MunichDE
XDCMay2019MiamiUSA

Platforms to show: All Mac Windows Linux Cross-Platform

/ChartDirector/High Resolution Chart Examples/polarbubble
Function:
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/High Resolution Chart Examples/polarbubble
This example is the version from Sun, 17th Mar 2012.

Screenshot for this example project.

Project "polarbubble.rbp"
Class App Inherits Application
Const kEditClear = "&Löschen"
Const kFileQuit = "Beenden"
Const kFileQuitShortcut = ""
End Class
Class PicWindow Inherits Window
EventHandler Sub Open() const f=3 // scale factor, 1 for screen and 4 or more for printing 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(f*41, f*105, f*12, f*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(f*30, f*45, f*12, f*90.0) // Create a PolarChart object of size 460 x 460 pixels dim c as new CDPolarChartMBS(f*460, f*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", f*15) // Set center of plot area at (230, 240) with radius 180 pixels c.setPlotArea(f*230, f*240, f*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(f*459, f*0, true, "arialbd.ttf", f*9).setAlignment(CDPolarChartMBS.kTopRight) // Set angular axis as 0 - 360, with a spoke every 30 units c.angularAxis.setLinearScale(0, 360, 30) c.radialAxis.setLinearScale 0, 20,5 // Set the radial axis label format c.radialAxis.setLabelFormat("{value} km") c.angularAxis.setLabelGap f*8 call c.angularAxis.setLabelStyle "",8*f call c.radialAxis.setLabelStyle "",8*f // 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, f*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, f*11) // Modulate the symbol size by size1 to produce a bubble chart effect layer1.setSymbolScale(size1) // Output the chart Backdrop=c.makeChartPicture Width=c.getWidth Height=c.getHeight 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

See also:

Feedback, Comments & Corrections

The items on this page are in the following plugins: MBS ChartDirector Plugin.





Links
MBS Xojo blog