Mukul
Posts: 53
|
Posted: 12/14/2007, 4:22 AM |
|
I want to integrate 3rd part Chart Director in CCS.
Setup: CCS 3.2, IIS, ASP.NET C# .net framework 2.0
When i add the netchartdir.dll, netchartdir.xml files in a 'bin' folder in the current CCS generated PROJ1 on IIS and add the finance.aspx in the PROJ1, I am able to see the chart on 'http://localhost/PROJ1/finance.aspx '
Source of finance.aspx :
<%@ Page Language="C#" Debug="true" %>
<%@ Import Namespace="ChartDirector" %>
<%@ Register TagPrefix="chart" Namespace="ChartDirector" Assembly="netchartdir" %>
<script runat="server">
//
// Page Load event handler
//
protected void Page_Load(object sender, EventArgs e)
{
// Create a finance chart demo containing 100 days of data
int noOfDays = 100;
// To compute moving averages starting from the first day, we need to get extra
// data points before the first day
int extraDays = 30;
// In this exammple, we use a random number generator utility to simulate the
// data. We set up the random table to create 6 cols x (noOfDays + extraDays)
// rows, using 9 as the seed.
RanTable rantable = new RanTable(9, 6, noOfDays + extraDays);
// Set the 1st col to be the timeStamp, starting from Sep 4, 2002, with each row
// representing one day, and counting week days only (jump over Sat and Sun)
rantable.setDateCol(0, new DateTime(2002, 9, 4), 86400, true);
// Set the 2nd, 3rd, 4th and 5th columns to be high, low, open and close data.
// The open value starts from 100, and the daily change is random from -5 to 5.
rantable.setHLOCCols(1, 100, -5, 5);
// Set the 6th column as the vol data from 5 to 25 million
rantable.setCol(5, 50000000, 250000000);
// Now we read the data from the table into arrays
double[] timeStamps = rantable.getCol(0);
double[] highData = rantable.getCol(1);
double[] lowData = rantable.getCol(2);
double[] openData = rantable.getCol(3);
double[] closeData = rantable.getCol(4);
double[] volData = rantable.getCol(5);
// Create a FinanceChart object of width 600 pixels
FinanceChart c = new FinanceChart(600);
// Add a title to the chart
c.addTitle("Finance Chart Demonstration");
// Set the data into the finance chart object
c.setData(timeStamps, highData, lowData, openData, closeData, volData, extraDays)
;
// Add the main chart with 210 pixels in height
c.addMainChart(210);
// Add a 5 period simple moving average to the main chart, using brown color
c.addSimpleMovingAvg(5, 0x663300);
// Add a 20 period simple moving average to the main chart, using purple color
c.addSimpleMovingAvg(20, 0x9900ff);
// Add an HLOC symbols to the main chart, using green/red for up/down days
c.addHLOC(0x008000, 0xcc0000);
// Add 20 days bollinger band to the main chart, using light blue (9999ff) as the
// border and semi-transparent blue (c06666ff) as the fill color
c.addBollingerBand(20, 2, 0x9999ff, unchecked((int)0xc06666ff));
// Add a 70 pixels volume bars sub-chart to the bottom of the main chart, using
// green/red/grey for up/down/flat days
c.addVolBars(70, 0x99ff99, 0xff9999, 0x808080);
// Append a 14-days RSI indicator chart (70 pixels height) after the main chart.
// The main RSI line is purple (800080). Set threshold region to +/- 20 (that is,
// RSI = 50 +/- 25). The upper/lower threshold regions will be filled with red
// (ff0000)/blue (0000ff).
c.addRSI(70, 14, 0x800080, 20, 0xff0000, 0x0000ff);
// Append a 12-days momentum indicator chart (70 pixels height) using blue
// (0000ff) color.
c.addMomentum(70, 12, 0x0000ff);
// output the chart
WebChartViewer1.Image = c.makeWebImage(Chart.PNG);
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Finance Chart (1)</title>
</head>
<body style="margin:5px 0px 0px 5px">
<div style="font-size:18pt; font-family:verdana; font-weight:bold">
Finance Chart (1)
</div>
<hr style="border:solid 1px #000080" />
<div style="font-size:9pt; font-family:verdana; margin-bottom:1.5em">
<a href='viewsource.aspx?file=<%=Request["SCRIPT_NAME"]%>'>View Source Code</a>
</div>
<chart:WebChartViewer id="WebChartViewer1" runat="server" />
</body>
</html>
How to integrate the chart in CCS?
Thanks,
Mukul
|