ChartDirector示例手冊

1、ChartDirector示例手冊 TOC o 1-4 h z u HYPERLINK l _Toc195005367 簡介 PAGEREF _Toc195005367 h 3 HYPERLINK l _Toc195005368 特征描述 PAGEREF _Toc195005368 h 3 HYPERLINK l _Toc195005369 示例 PAGEREF _Toc195005369 h 5 HYPERLINK l _Toc195005370 一、餅圖 PAGEREF _Toc195005370 h 5 HYPERLINK l _Toc195005371 1、Simple Pie Cha

2、rt PAGEREF _Toc195005371 h 5 HYPERLINK l _Toc195005372 2、3D Pie Chart PAGEREF _Toc195005372 h 7 HYPERLINK l _Toc195005373 3、Pie Chart with Legend PAGEREF _Toc195005373 h 8 HYPERLINK l _Toc195005374 4、Side Label Layout PAGEREF _Toc195005374 h 10 HYPERLINK l _Toc195005375 5、Pie with Small Sectors PAGE

3、REF _Toc195005375 h 12 HYPERLINK l _Toc195005376 6、Circular Label Layout PAGEREF _Toc195005376 h 14 HYPERLINK l _Toc195005377 7、Icon Pie Chart PAGEREF _Toc195005377 h 16 HYPERLINK l _Toc195005378 8、Text Styles and Colors PAGEREF _Toc195005378 h 19 HYPERLINK l _Toc195005379 9、Coloring and Wallpaper P

4、AGEREF _Toc195005379 h 21 HYPERLINK l _Toc195005380 二、柱狀圖 PAGEREF _Toc195005380 h 25 HYPERLINK l _Toc195005381 1、Simple Bar Chart PAGEREF _Toc195005381 h 25 HYPERLINK l _Toc195005382 2、3D Bar Chart PAGEREF _Toc195005382 h 26 HYPERLINK l _Toc195005383 3、Polygon Bar Shapes PAGEREF _Toc195005383 h 28 H

5、YPERLINK l _Toc195005384 4、Stacked Bar Chart PAGEREF _Toc195005384 h 30 HYPERLINK l _Toc195005385 5、Multi-Shape Bar Chart PAGEREF _Toc195005385 h 32 HYPERLINK l _Toc195005386 6、Overlapping Bar Chart PAGEREF _Toc195005386 h 34 HYPERLINK l _Toc195005387 7、Depth Bar Chart PAGEREF _Toc195005387 h 36 HYP

6、ERLINK l _Toc195005388 8、Positive Negative Bars PAGEREF _Toc195005388 h 38 HYPERLINK l _Toc195005389 三、折線圖 PAGEREF _Toc195005389 h 40 HYPERLINK l _Toc195005390 1、Simple Line Chart PAGEREF _Toc195005390 h 40 HYPERLINK l _Toc195005391 2、3D Line Chart PAGEREF _Toc195005391 h 42 HYPERLINK l _Toc19500539

7、2 3、Multi-Line Chart PAGEREF _Toc195005392 h 44 HYPERLINK l _Toc195005393 4、Line Comparison PAGEREF _Toc195005393 h 46 HYPERLINK l _Toc195005394 5、Line with Error Symbols PAGEREF _Toc195005394 h 49 HYPERLINK l _Toc195005395 6、Multi-Symbol Line Chart PAGEREF _Toc195005395 h 52 HYPERLINK l _Toc1950053

8、96 四、儀表盤 PAGEREF _Toc195005396 h 55 HYPERLINK l _Toc195005397 1、Semi-Circle Meter PAGEREF _Toc195005397 h 55 HYPERLINK l _Toc195005398 2、Round Meter PAGEREF _Toc195005398 h 57 HYPERLINK l _Toc195005399 3、Wide Angular Meters PAGEREF _Toc195005399 h 59 HYPERLINK l _Toc195005400 4、Square Angular Meters

9、 PAGEREF _Toc195005400 h 61 HYPERLINK l _Toc195005401 5、Multi-Pointer Angular Meter PAGEREF _Toc195005401 h 64 HYPERLINK l _Toc195005402 6、Multi-Pointer Horizontal Meter PAGEREF _Toc195005402 h 65 HYPERLINK l _Toc195005403 7、Linear Zone Meter PAGEREF _Toc195005403 h 67 HYPERLINK l _Toc195005404 五、雷達(dá)

10、圖 PAGEREF _Toc195005404 h 69 HYPERLINK l _Toc195005405 1、Simple Radar Chart PAGEREF _Toc195005405 h 69 HYPERLINK l _Toc195005406 2、Multi Radar Chart PAGEREF _Toc195005406 h 71 HYPERLINK l _Toc195005407 3、Polar Line Chart PAGEREF _Toc195005407 h 73 HYPERLINK l _Toc195005408 4、Polar Area Chart PAGEREF

11、 _Toc195005408 h 76 HYPERLINK l _Toc195005409 5、Polar Bubble Chart PAGEREF _Toc195005409 h 78 HYPERLINK l _Toc195005410 6、Circular Zones PAGEREF _Toc195005410 h 81 HYPERLINK l _Toc195005411 7、Sector Zones PAGEREF _Toc195005411 h 84簡介ChartDirector控件使用方便，快捷，靈活，功能強(qiáng)大，交互性強(qiáng)。在web服務(wù)器以及嵌入式應(yīng)用程序開發(fā)中，它是一種非常理想的工具

12、，擁有豐富的圖表圖形組件庫.特征描述高效快捷采用多線程結(jié)構(gòu)，特別應(yīng)用于具有高性能要求的服務(wù)器端應(yīng)用程序開發(fā)。 靈活性擁有基于API（應(yīng)用編程接口）的對象，允許用戶控制和定制圖表細(xì)節(jié)，從而設(shè)計(jì)出用戶滿意的圖表。 豐富而全面的圖表樣式圓形圖表（餅狀圖），圓環(huán)圖，柱形圖（條形圖），直線圖，曲線圖，梯級線圖，趨勢線圖，曲線擬合圖，線間色圖，區(qū)域圖，散布圖（散形圖），泡沫圖，floating box，box-whisker，瀑布圖，金融類圖表，甘特圖表，向量圖，雷達(dá)圖，極線圖，rose，XY軸交換（旋轉(zhuǎn)圖表）和3D效果。 金融類圖表庫（附有源代碼）擁有成熟的金融類圖表（具有46種技術(shù)指標(biāo)）庫。 儀表和量

13、表含有可以測量任意角度的測角儀表和可以進(jìn)行橫向和縱向測量的線性儀表。 層結(jié)構(gòu)具有同步處理能力的圖表層允許不同的圖表樣式重疊，從而獲得任意的組合圖表，并且達(dá)到特殊的效果。例如，box-whisker可以用來添加錯誤標(biāo)記到任意的XY圖表樣式上；還有散布圖層可以用來加亮具有個性化標(biāo)記的數(shù)據(jù)點(diǎn)。 CDML(圖表制作向?qū)?biāo)記語言)圖表制作向?qū)?biāo)記語言這項(xiàng)創(chuàng)新性技術(shù)可以給內(nèi)嵌有圖標(biāo)和圖片的文檔提供豐富的樣式。該語言是基于所有的CharDirector文檔定位符，其中包括有圖表標(biāo)題，圖例關(guān)鍵字，軸標(biāo)簽，以及數(shù)據(jù)標(biāo)簽等等。 高級的著色系統(tǒng)除了ARGB顏色(具有阿爾法透明性的真彩色)之外，在ChartDirec

14、tor中所有對象還可以著上“奇妙的顏色”這種顏色依賴于定位。該系統(tǒng)還包括：顏色式樣，顏色梯度，金屬顏色，依賴于數(shù)據(jù)取值的顏色(比如，指示閥) 圖像映射自動生成生成的圖像映射可以支持工具使用提示以及鼠標(biāo)與圖形控件的交互。具有對圖像進(jìn)行細(xì)化處理的能力。工具提示可以用戶定做，包括一些具有個性化的文字和數(shù)據(jù)。圖像映射是可擴(kuò)展的，可以包含用戶自定義的區(qū)域，比如公司標(biāo)志，標(biāo)簽，以及按鈕。 瀏覽器的兼容性生成的圖表是PNG,JPEG,BMP,WBMP,以及GIF格式的，這些圖表格式對所有瀏覽器都是可見的，其中包括移動設(shè)備和手持設(shè)備。圖表可以作為圖片嵌入到E-Mail(電子郵件)，WORD文檔，PDF格式文檔

15、等等，并且客戶端不需要使用任何Java或者ActiveX控件。 快捷的圖表生成和傳輸圖表可以快捷地生成并傳輸?shù)綖g覽器端，并且作為一個標(biāo)準(zhǔn)的Http圖像數(shù)據(jù)進(jìn)行存儲，而不需要占用臨時的圖像文件。 節(jié)約帶寬采用優(yōu)化的顏色縮減算法，來制作基于調(diào)色板的圖表，其效果等同于真彩色圖表，并且文件所占空間變得更小。特別是對于因特網(wǎng)應(yīng)用開發(fā)是一款非常理想的工具。 國際化標(biāo)準(zhǔn)支持統(tǒng)一字符編碼，可自行設(shè)置數(shù)字，日期/時間格式。支持語言支持多種語言，例如.NET,Java,ASP,COM,VB,PHP,Perl,Python,Ruby,ColdFusion,C+等；示例一、餅圖1、Simple Pie Chart示例

16、代碼： Simple Pie Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=02、3D Pie Chart示例代碼： 3D Pie Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=03、Pie Chart with Legend示例代碼： Pie Chart with Legenda href=viewsource.jsp?file= View Chart

17、 Source Codeimg src= usemap=#map1 border=04、Side Label Layout示例代碼： Side Label Layouta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=05、Pie with Small Sectors示例代碼： Pie with Small Sectorsa href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=06、Ci

18、rcular Label Layout 示例代碼： Circular Label Layouta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map0 border=0img src= usemap=#map1 border=07、Icon Pie Chart示例代碼：%/ The data for the pie chartdouble data = 72, 18, 15, 12;/ The depths for the sectorsdouble depths = 30, 20, 10, 10;/ The

19、 labels for the pie chartString labels = Sunny, Cloudy, Rainy, Snowy;/ The icons for the sectorsString icons = sun.png, cloud.png, rain.png, snowy.png;/ Create a PieChart object of size 400 x 310 pixels, with a blue (CCCCFF) vertical/ metal gradient background, black border, 1 pixel 3D border effect

20、 and rounded/ cornersPieChart c = new PieChart(400, 310, Chart.metalColor(0 xccccff, 0), 0 x000000, 1);c.setRoundedFrame();/Set search path to current JSP directory for loading icon imagesc.setSearchPath(getServletConfig().getServletContext(), request);/ Set the center of the pie at (200, 180) and t

21、he radius to 100 pixelsc.setPieSize(200, 180, 100);/ Add a title box using 15 pts Times Bold Italic font, on a blue (CCCCFF) background/ with glass effectc.addTitle(Weather Profile in Wonderland, Times New Roman Bold Italic, 15 ).setBackground(0 xccccff, 0 x000000, Chart.glassEffect();/ Set the pie

22、data and the pie labelsc.setData(data, labels);/ Add icons to the chart as a custom fieldc.addExtraField(icons);/ Configure the sector labels using CDML to include the icon imagesc.setLabelFormat( labelnpercent% + );/ Draw the pie in 3D with variable 3D depthsc.set3D2(depths);/ Set the start angle t

23、o 225 degrees may improve layout when the depths of the/ sector are sorted in descending order, because it ensures the tallest sector is at/ the back.c.setStartAngle(225);/ output the chartString chart1URL = c.makeSession(request, chart1);/ Include tool tip for the chartString imageMap1 = c.getHTMLI

24、mageMap(, , title=label: value days (percent%);% Icon Pie Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=08、Text Styles and Colors示例代碼： Text Style and Colorsa href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=09、Coloring and Wallpaper 示

25、例代碼： Coloring and Wallpapera href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map0 border=0img src= usemap=#map1 border=0img src= usemap=#map2 border=0img src= usemap=#map3 border=0二、柱狀圖1、Simple Bar Chart示例代碼： Simple Bar Charta href=viewsource.jsp?file= View Chart Source Codeimg src=

26、 usemap=#map1 border=02、3D Bar Chart示例代碼： 3D Bar Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=03、Polygon Bar Shapes示例代碼： Polygon Bar Shapesa href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=04、Stacked Bar Chart示例代碼： Stacked Bar Chart

27、a href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=05、Multi-Shape Bar Chart示例代碼： Multi-Shape Bar Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=06、Overlapping Bar Chart示例代碼： Overlapping Bar Charta href=viewsource.jsp?file= View Chart S

28、ource Codeimg src= usemap=#map1 border=07、Depth Bar Chart示例代碼： Depth Bar Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=08、Positive Negative Bars示例代碼： Positive Negative Barsa href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=0三、折線圖1、Sim

29、ple Line Chart示例代碼： Simple Line Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=02、3D Line Chart示例代碼： 3D Line Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=03、Multi-Line Chart示例代碼： Multi-Line Charta href=viewsource.jsp?file= V

30、iew Chart Source Codeimg src= usemap=#map1 border=04、Line Comparison示例代碼：%/ The data for the upper and lower bounding linesdouble upperY = 60, 60, 100, 100, 60, 60;double lowerY = 40, 40, 80, 80, 40, 40;double zoneX = 0, 2.5, 3.5, 5.5, 6.5, 10;/ The data for the spline curvedouble curveY = 50, 44, 5

31、4, 48, 58, 50, 90, 85, 104, 82, 96, 90, 74, 52, 35, 58, 46, 54, 48, 52, 50;double curveX = 0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5, 5.5, 6, 6.5, 7, 7.5, 8, 8.5, 9, 9.5, 10;/ Create a XYChart object of size 600 x 300 pixels, with a light grey (cccccc)/ background, black border, and 1 pixel 3D borde

32、r effect.XYChart c = new XYChart(600, 300, 0 xcccccc, 0 x000000, 1);/Set search path to current JSP directory for loading icon imagesc.setSearchPath(getServletConfig().getServletContext(), request);/ Set the plotarea at (55, 58) and of size 520 x 195 pixels, with white background./ Turn on both hori

33、zontal and vertical grid lines with light grey color (cccccc)c.setPlotArea(55, 58, 520, 195, 0 xffffff, -1, -1, 0 xcccccc, 0 xcccccc);/ Add a legend box at (55, 32) (top of the chart) with horizontal layout. Use 9 pts/ Arial Bold font. Set the background and border color to Transparent.c.addLegend(5

34、5, 32, false, Arial Bold, 9).setBackground(Chart.Transparent);/ Add a title box to the chart using 15 pts Times Bold Italic font. The title is in/ CDML and includes embedded images for highlight. The text is white (ffffff) on a/ black background, with a 1 pixel 3D border.c.addTitle( Performance + En

35、hancer , Times New Roman Bold Italic, 15, 0 xffffff).setBackground(0 x000000, -1, 1);/ Add a title to the y axisc.yAxis().setTitle(Temperature);/ Add a title to the x axis using CMDLc.xAxis().setTitle( Elapsed Time (hour);/ Set the axes width to 2 pixelsc.xAxis().setWidth(2);c.yAxis().setWidth(2);/

36、Add a purple (800080) spline layer to the chart with a line width of 2 pixelsSplineLayer splineLayer = c.addSplineLayer(curveY, 0 x800080, Molecular Temperature) ;splineLayer.setXData(curveX);splineLayer.setLineWidth(2);/ Add a line layer to the chart with two dark green (338033) data sets, and a li

37、ne/ width of 2 pixelsLineLayer lineLayer = c.addLineLayer2();lineLayer.addDataSet(upperY, 0 x338033, Target Zone);lineLayer.addDataSet(lowerY, 0 x338033);lineLayer.setXData(zoneX);lineLayer.setLineWidth(2);/ Color the zone between the upper zone line and lower zone line as semi-transparent/ light gr

38、een (8099ff99)c.addInterLineLayer(lineLayer.getLine(0), lineLayer.getLine(1), 0 x8099ff99, 0 x8099ff99);/ If the spline line gets above the upper zone line, color to area between the lines/ red (ff0000)c.addInterLineLayer(splineLayer.getLine(0), lineLayer.getLine(0), 0 xff0000, Chart.Transparent);/

39、If the spline line gets below the lower zone line, color to area between the lines/ blue (0000ff)c.addInterLineLayer(splineLayer.getLine(0), lineLayer.getLine(1), Chart.Transparent, 0 x0000ff);/ Add a custom CDML text at the bottom right of the plot area as the logoc.addText(575, 250, MolecularnEngi

40、neering ).setAlignment(Chart.BottomRight);/ output the chartString chart1URL = c.makeSession(request, chart1);/ Include tool tip for the chartString imageMap1 = c.getHTMLImageMap(, , title=Temperature at hour x: value C);% Line Comparisona href=viewsource.jsp?file= View Chart Source Codeimg src= use

41、map=#map1 border=05、Line with Error Symbols示例代碼：%/ The data with error informationdouble data = 42, 49, 33, 38, 51, 46, 29, 41, 44, 57, 59, 52, 37, 34, 51, 56, 56, 60, 70, 76, 63, 67, 75, 64, 51;double errData = 5, 6, 5.1, 6.5, 6.6, 8, 5.4, 5.1, 4.6, 5.0, 5.2, 6.0, 4.9, 5.6, 4.8, 6.2, 7.4, 7.1, 6.0,

42、 6.6, 7.1, 5.3, 5.5, 7.9, 6.1;/ The labels for the chartString labels = 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;/ Create a XYChart object of size 600 x 300 pixels, with a light grey (eeeeee)/ background, black border, 1 pixel 3D border effect and roun

43、ded corners.XYChart c = new XYChart(600, 300, 0 xeeeeee, 0 x000000, 1);c.setRoundedFrame();/Set search path to current JSP directory for loading icon imagesc.setSearchPath(getServletConfig().getServletContext(), request);/ Set the plotarea at (55, 55) and of size 520 x 195 pixels, with white (ffffff

44、)/ background. Set horizontal and vertical grid lines to grey (cccccc).c.setPlotArea(55, 55, 520, 195, 0 xffffff, -1, -1, 0 xcccccc, 0 xcccccc);/ Add a title box to the chart using 15 pts Times Bold Italic font. The title is in/ CDML and includes embedded images for highlight. The text is on a light

45、 grey/ (dddddd) background, with glass lighting effect.c.addTitle( Molecular + Temperature Control , Times New Roman Bold Italic, 15).setBackground(0 xdddddd, 0, Chart.glassEffect() );/ Add a title to the y axisc.yAxis().setTitle(Temperature);/ Add a title to the x axis using CMDLc.xAxis().setTitle(

46、 Elapsed Time (hour);/ Set the labels on the x axis.c.xAxis().setLabels(labels);/ Display 1 out of 3 labels on the x-axis. Show minor ticks for remaining labels.c.xAxis().setLabelStep(3, 1);/ Set the axes width to 2 pixelsc.xAxis().setWidth(2);c.yAxis().setWidth(2);/ Add a line layer to the chartLin

47、eLayer lineLayer = c.addLineLayer2();/ Add a blue (0 xff) data set to the line layer, with yellow (0 xffff80) diamond/ symbolslineLayer.addDataSet(data, 0 x0000ff).setDataSymbol(Chart.DiamondSymbol, 12, 0 xffff80) ;/ Set the line width to 2 pixelslineLayer.setLineWidth(2);/ Add a box whisker layer t

48、o the chart. Use the upper and lower mark of the box/ whisker layer to act as error zones. The upper and lower marks are computed using/ the ArrayMath object.BoxWhiskerLayer errLayer = c.addBoxWhiskerLayer(null, null, new ArrayMath(data).add( errData).result(), new ArrayMath(data).sub(errData).resul

49、t(), data, Chart.Transparent, 0 xbb6633);/ Set the line width to 2 pixelserrLayer.setLineWidth(2);/ Set the error zone to occupy half the space between the symbolserrLayer.setDataGap(0.5);/ Add a custom CDML text at the bottom right of the plot area as the logoc.addText(575, 247, MolecularnEngineeri

50、ng ).setAlignment(Chart.BottomRight);/ output the chartString chart1URL = c.makeSession(request, chart1);/ Include tool tip for the chart. We only need to show the tool tip for the box/ whisker layer.String imageMap1 = errLayer.getHTMLImageMap(, , title=Temperature at hour xLabel: med +/- =med-min C

51、);% Line with Error Symbolsa href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=06、Multi-Symbol Line Chart示例代碼： Multi-Symbol Line Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=0四、儀表盤1、Semi-Circle Meter示例代碼： Semi-Circle Metera href=views

52、ource.jsp?file= View Chart Source Codeimg src=2、Round Meter示例代碼： Round Metera href=viewsource.jsp?file= View Chart Source Codeimg src=3、Wide Angular Meters示例代碼： Wide Angular Metersa href=viewsource.jsp?file= View Chart Source Codeimg src=img src=img src=img src=img src=img src=4、Square Angular Meter

53、s示例代碼： Square Angular Metersa href=viewsource.jsp?file= View Chart Source Codeimg src=img src=img src=img src=5、Multi-Pointer Angular Meter示例代碼： Multi-Pointer Angular Metera href=viewsource.jsp?file= View Chart Source Codeimg src=6、Multi-Pointer Horizontal Meter示例代碼： Multi-Pointer Horizontal Metera

54、href=viewsource.jsp?file= View Chart Source Codeimg src=7、Linear Zone Meter示例代碼： Linear Zone Metera href=viewsource.jsp?file= View Chart Source Codeimg src=五、雷達(dá)圖1、Simple Radar Chart示例代碼： Simple Radar Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=02、Multi Radar C

55、hart示例代碼： Multi Radar Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=03、Polar Line Chart示例代碼： Polar Line Charta href=viewsource.jsp?file= View Chart Source Codeimg src= usemap=#map1 border=04、Polar Area Chart示例代碼：%/ Data for the chartdouble data0 = 5, 3, 10, 4, 3

56、, 5, 2, 5;double data1 = 12, 6, 17, 6, 7, 9, 4, 7;double data2 = 17, 7, 22, 7, 18, 13, 5, 11;String labels = North, NorthEast, East, SouthEast, South, SouthWest, West, NorthWest;/ Create a PolarChart object of size 460 x 500 pixels, with a grey (e0e0e0)/ background and 1 pixel 3D borderPolarChart c

57、= new PolarChart(460, 500, 0 xe0e0e0, 0 x000000, 1);/Set search path to current JSP directory for loading icon imagesc.setSearchPath(getServletConfig().getServletContext(), request);/ Add a title to the chart at the top left corner using 15pts Arial Bold Italic/ font. Use a wood pattern as the title

58、 background.c.addTitle(Polar Area Chart Demo, Arial Bold Italic, 15).setBackground( c.patternColor(wood.png);/ Set center of plot area at (230, 280) with radius 180 pixels, and white (ffffff)/ background.c.setPlotArea(230, 280, 180, 0 xffffff);/ Set the grid style to circular gridc.setGridStyle(fals

59、e);/ Add a legend box at top-center of plot area (230, 35) using horizontal layout. Use/ 10 pts Arial Bold font, with 1 pixel 3D border effect.LegendBox b = c.addLegend(230, 35, false, Arial Bold, 9);b.setAlignment(Chart.TopCenter);b.setBackground(Chart.Transparent, Chart.Transparent, 1);/ Set angul

60、ar axis using the given labelsc.angularAxis().setLabels(labels);/ Specify the label format for the radial axisc.radialAxis().setLabelFormat(value%);/ Set radial axis label background to semi-transparent grey (40cccccc)c.radialAxis().setLabelStyle().setBackground(0 x40cccccc, 0);/ Add the data as are