@using Highsoft.Web.Mvc.Stocks
@using Highsoft.Web.Mvc.Stocks.Rendering
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
function formatYAxis() {
return (this.value > 0 ? ' + ' : '') + this.value + '%';
}
</script>
@{ var chartOptions =
new Highstock
{
Chart = new Highsoft.Web.Mvc.Stocks.Chart
{
Type = ChartType.Ohlc
},
RangeSelector = new RangeSelector
{
Selected = 1
},
Title = new Title
{
Text = "Apple Stock Price"
},
Series = new List<Series>
{
new CandleStickSeries
{
Data = ViewBag.AppleData as List<CandleStickSeriesData>,
Name = "Apple Stock Price",
TurboThreshold = 10000,
Shadow = new Shadow
{
Enabled = true,
},
Tooltip = new CandleStickSeriesTooltip
{
ValueDecimals = 2
}
}
},
Navigator = new Navigator()
{
Series = new LineSeries
{
Data = ViewBag.NavigatorData as List<LineSeriesData>
}
}
};
chartOptions.ID = "chart";
var renderer = new HighstockRenderer(chartOptions);
}
@Html.Raw(renderer.RenderHtml())