ASE Home Page Products Download Purchase Support About ASE
ChartDirector Support
Forum HomeForum Home   SearchSearch

Message ListMessage List     Post MessagePost Message

  Spider Chart with table data
Posted by Chiranjeevi on May-14-2012 18:21
Attachments:
Hi team,

i want to do spider chart with table data below of the chart is it possible using MultiRadar chart.
any one can help me on this.


Thanks & Regards
Chiranjeevi G
spiderChart.html
<HTML><HEAD><BODY><table align="center"><tr><td><img src ="cid:image" alt="Pulpit rock" width="754" height="600" /></td></tr></table><table border='1' align="center" bordercolor="000000"><tr bgcolor="0xffffff" style="font-family: arial,verdana,tahoma,helvetica; color: #0D7CB9; size:9"><th>Financila Year </th><th>Pursuit Of Excellence</th><th>Safety</th><th>Customer First</th><th>Concern forStaff</th><th>Integrity</th><th>Teamwork</th><tr><TR><TD align="center">11/12</TD><TD width="0.1%" align="center">85.0</TD><TD width="0.1%" align="center">74.0</TD><TD width="0.1%" align="center">76.9</TD><TD width="0.1%" align="center">95.0</TD><TD width="0.1%" align="center">74.0</TD><TD width="0.1%" align="center">96.0</TD></TR><TR><TD align="center">10/11</TD><TD width="0.1%" align="center">91.0</TD><TD width="0.1%" align="center">93.0</TD><TD width="0.1%" align="center">78.56</TD><TD width="0.1%" align="center">89.0</TD><TD width="0.1%" align="center">92.0</TD><TD width="0.1%" align="center">85.0</TD></TR><TR><TD align="center">09/10</TD><TD width="0.1%" align="center">90.41</TD><TD width="0.1%" align="center">96.25</TD><TD width="0.1%" align="center">95.69</TD><TD width="0.1%" align="center">97.1</TD><TD width="0.1%" align="center">93.01</TD><TD width="0.1%" align="center">91.69</TD></TR></table></body></html>

  Re: Spider Chart with table data
Posted by Peter Kwan on May-15-2012 05:09
Hi Chiranjeevi,

Would you mind to clarify what it the difficulty you are encountering? Is it creating the MultiRadar chart itself, or is it how to put a table under the chart that you have already created?

To put a table under the chart, you can use exactly the same method as the HTML you attached. For example, in PHP, it is like:

<html><body>
<img src="myMultiRadarChart.php"><br>
<table> .... put the table here .... </table>
</body></html>

With the above code, there will be a table under your chart, just like in the HTML web page you have attached.

If for some reason, you do not want to the PHP charting code in myMultiRadarChart.php, but want it to be in the same file as the HTML code, you may use the method described in the "Clickable Charts" section of the ChartDirector documentation.

If you are using the .NET framework, the <img> tag should be replaced by the WebChartViewer control.

Regards
Peter Kwan

  Re: Spider Chart with table data
Posted by Chiranjeevi on May-15-2012 19:03
Thanks for answering.
actually my problem is "creating polar/spider chart with table data" in chartDirector only.
i got it by fallowing code.
               PolarChart c = new PolarChart(980, 820,Chart.BackgroundColor,11111111, 0);
               CDMLTable t = c.addTable(900, 900);
               t.setPos(630, 570);
t.insertRow(1);
t.insertCol(1);
               t.setCell(1 ,1,"CATEGORY" );
now i other problem,
how to align table data with font style and color ..??like seting backgound color.

Kindly help me on this.

Regards
Chiranjeevi G

  Re: Spider Chart with table data
Posted by Peter Kwan on May-16-2012 04:37
Hi Chiranjeevi,

You may use Box.setBackground on the cell to set the background color, and use TextBox.setFontStyle and TextBox.setFontColor to set the font style and color. For example:

ChartDirector.TextBox myCell = t.setCell(1 ,1,"CATEGORY" );
myCell.setBackground(0xffdddd);
myCell.setFontStyle("Arial Bold");
myCell.setFontSize(10);
myCell.setFontColor(0x0000cc);

You may also apply the above methods to the rows or columns or the entire table. (See CDMLTable.getColStyle, CDMLTable.getRowStyle and CDMLTable.getStyle.)

Hope this can help.

Regards
Peter Kwan