FinancialChart - Heikin-Ashi - ComponentOne ASP.NET Core Controls

Features

Heikin-Ashi

Heikin-Ashi charts are a variation of Japanese candlestick charts that were designed to remove noise from candlesticks and behave much like a moving average.

Features

Chart Types

Interaction

Analytics

Sample
Source
Documentation

Description

Heikin-Ashi charts are a variation of Japanese candlestick charts that were designed to remove noise from candlesticks and behave much like a moving average.

These charts can be used to identify trends, potential reversal points, and other technical analysis patterns.

HeikinAshiController.cs
HeikinAshi.cshtml

using FinancialChartExplorer.Models; 
using Microsoft.AspNetCore.Mvc; 
  
namespace FinancialChartExplorer.Controllers 
{ 
    public partial class HomeController : Controller 
    { 
        public ActionResult HeikinAshi() 
        { 
            var model = BoxData.GetDataFromJson(); 
            ViewBag.DemoSettingsModel = new ClientSettingsModel(); 
            ViewBag.ChartType = C1.Web.Mvc.Finance.ChartType.HeikinAshi; 
            return View(model); 
        } 
    } 
} 

@model List<FinanceData> 
@{ 
    ViewBag.DemoSettings = false; 
    var chartType = ViewBag.ChartType; 
    ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; 
} 
  
<script type="text/javascript">
    c1.documentReady(function () { 
        c1.getExtender(wijmo.Control.getControl("#rs"), "RangeSelector").min = 69.5; 
    }); 
</script>
  
<c1-financial-chart id="@demoSettingsModel.ControlId" binding-x="X" chart-type="@chartType"> 
    <c1-items-source source-collection="@Model"></c1-items-source> 
    <c1-financial-chart-series binding="High,Low,Open,Close" name="BOX"></c1-financial-chart-series> 
    <c1-flex-chart-tooltip content="financialTooltip"></c1-flex-chart-tooltip> 
</c1-financial-chart> 
  
@await Html.PartialAsync("_RangeSelector") 
  
@section Description{ 
    <p>@Html.Raw(Home.HeikinAshi_Text0)</p> 
    <p>@Html.Raw(Home.HeikinAshi_Text1)</p> 
} 
@section Summary{ 
    <p>@Html.Raw(Home.HeikinAshi_Text2)</p> 
} 