📄 financedemo.php
字号:
<html>
<head>
<title>ChartDirector Financial Chart Demonstration</title>
<script language="Javascript">
//Cross browser method to get an object
function getObject(id)
{
if (document.getElementById)
//IE 5.x or NS 6.x or above
return document.getElementById(id);
else if (document.all)
//IE 4.x
return document.all[id];
else
//Netscape 4.x
return document[id];
}
//Update the chart according to user selection
function updateChart()
{
//
//we encode the values of all form elements as query parameters
//
var elements = getObject("Form1").elements;
var url = "financedemochart.php?";
for (var i = 0; i < elements.length; ++i)
{
var e = elements[i];
if (e.type == "checkbox")
url = url + e.id + "=" + (e.checked ? "1" : "0") + "&";
else
url = url + e.id + "=" + escape(e.value) + "&";
}
//Now we update the URL of the image to update the chart
getObject("ChartImage").src = url;
}
</script>
</head>
<body leftMargin="0" topMargin="0" onLoad="updateChart();">
<table cellSpacing="0" cellPadding="0" border="0">
<tr>
<td align="right" bgColor="#000088" colSpan="2">
<div style="padding-right:3px; padding-bottom:2px; font-family:arial; font-size:10pt; font-weight:bold; font-style:italic">
<a style="color:#ffff00; text-decoration:none" href="http://www.advsofteng.com">
Advanced Software Engineering
</a>
</div>
</td>
</tr>
<tr valign="top">
<td width="150" bgColor="#bbddff">
<form id="Form1" action="javascript:updateChart()">
<div style="font-size:9pt; margin:10px 5px; font-family:verdana">
<b>Ticker Symbol</b><br>
<select id="TickerSymbol" name="TickerSymbol" style="width:140px; height:20px">
<option value="9">Random Data 9</option>
<option value="99">Random Data 99</option>
<option value="999">Random Data 999</option>
<option value="1">Random Data 1</option>
<option value="11">Random Data 11</option>
<option value="111">Random Data 111</option>
<option value="5">Random Data 5</option>
<option value="55">Random Data 55</option>
<option value="555">Random Data 555</option>
<option value="159">Random Data 159</option>
</select>
</div>
<div style="font-size:9pt; margin:10px 5px; font-family:verdana">
<b>Time Period</b><br>
<select id="TimeRange" name="TimeRange" style="width:140px; height:20px">
<option value="1">1 day</option>
<option value="2">2 days</option>
<option value="5">5 days</option>
<option value="10">10 days</option>
<option value="30">1 month</option>
<option value="60">2 months</option>
<option value="90">3 months</option>
<option value="180" selected>6 months</option>
<option value="360">1 year</option>
<option value="720">2 years</option>
<option value="1080">3 years</option>
<option value="1440">4 years</option>
<option value="1800">5 years</option>
<option value="3600">10 years</option>
</select>
</div>
<div style="font-size:9pt; margin:10px 5px; font-family:verdana">
<b>Chart Size</b><br>
<select id="ChartSize" name="ChartSize" style="width:140px; height:20px">
<option value="S">Small</option>
<option value="M">Medium</option>
<option value="L" selected>Large</option>
<option value="H">Huge</option>
</select><br>
<input id="Volume" name="Volume" type="checkbox" checked><label for="Volume">Show Volume Bars</label><br>
<input id="VGrid" name="VGrid" type="checkbox" checked><label for="VGrid">Vertical Grid</label><br>
<input id="HGrid" name="HGrid" type="checkbox" checked><label for="HGrid">Horizontal Grid</label><br>
<input id="LogScale" name="LogScale" type="checkbox"><label for="LogScale">Log Scale</label><br>
</div>
<div style="font-size:9pt; margin:10px 5px; font-family:verdana">
<b>Chart Type</b><br>
<select id=ChartType style="width:140px; height:20px" name=ChartType>
<option value="None">None</option>
<option value="CandleStick" selected>CandleStick</option>
<option value="Close">Closing Price</option>
<option value="Median">Median Price</option>
<option value="OHLC">OHLC</option>
<option value="TP">Typical Price</option>
<option value="WC">Weighted Close</option>
</select>
</div>
<div style="font-size:9pt; margin:10px 5px; font-family:verdana">
<b>Price Band</b><br>
<select id="Band" name="Band" style="width:140px; height:20px">
<option value="None">None</option>
<option value="BB" selected>Bollinger Band</option>
<option value="DC">Donchain Channel</option>
<option value="Envelop">Envelop (SMA 20 +/- 10%)</option>
</select>
</div>
<div style="font-size:9pt; margin:10px 5px; font-family:verdana">
<b>Moving Averages</b><br>
<nobr><select id="avgType1" name="avgType1" style="width:105px; height:20px">
<option value="None">None</option>
<option value="SMA" selected>Simple</option>
<option value="EMA">Exponential</option>
<option value="TMA">Triangular</option>
<option value="WMA">Weighted</option>
</select>
<input id="movAvg1" name="movAvg1" style="width:30px; height:20px" value="10"></nobr><br>
<nobr><select id="avgType2" name="avgType2" style="width:105px; height:20px">
<option value="None">None</option>
<option value="SMA" selected>Simple</option>
<option value="EMA">Exponential</option>
<option value="TMA">Triangular</option>
<option value="WMA">Weighted</option>
</select>
<input id="movAvg2" name="movAvg2" style="width:30px; height:20px" value="25"></nobr><br>
</div>
<div style="font-size:9pt; margin:10px 5px; font-family:verdana">
<b>Technical Indicators</b><br>
<select id="Indicator1" name="Indicator1" style="width:140px; height:20px">
<option value="None">None</option>
<option value="AccDist">Accumulation/Distribution</option>
<option value="AroonOsc">Aroon Oscillator</option>
<option value="Aroon">Aroon Up/Down</option>
<option value="ADX">Avg Directional Index</option>
<option value="ATR">Avg True Range</option>
<option value="BBW">Bollinger Band Width</option>
<option value="CMF">Chaikin Money Flow</option>
<option value="COscillator">Chaikin Oscillator</option>
<option value="CVolatility">Chaikin Volatility</option>
<option value="CLV">Close Location Value</option>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -