Stock Chart Series Types

8 Dec 20242 minutes to read

Essential^® JS 2 StockChart Stock Chart supports 6 major types of series namely Line, Spline, Hilo, HiloOpenClose, Hollow Candle and Candle . By using the series dropdown button you can navigate between the above listed series types.

Line

To render a line series, use series type as Line.

Candle

To render a candle series, use series type as Candle .

HollowCandle

To render a hollowcandle series, use series type as Candle and set enableSolidCandle as false.

Spline

To render a spline series, use series type as Spline.

Hilo

To render a hilo series, use series type as Hilo .

HiloOpenClose

To render a hiloOpenClose series, use series type as HiloOpenClose.

CSHTML

<ejs-stockchart id="stockchart" load="stockload" title="AAPL Stock Price" indicatorType="@(new List<Object>() { })" exportType="@(new List<Object>() { })" trendlineType="@(new List<Object>() { })">
                <e-stockchart-series-collection>
                    <e-stockchart-series type='Candle' xName="x"> </e-stockchart-series>
                </e-stockchart-series-collection>
            </ejs-stockchart>
            
    <script src="~/financial-data.js"></script>
    <script>
        var data = chartData;
            function stockload(args) {
                args.stockChart.series[0].dataSource = data;
            }
    </script>

Candle.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;

namespace EJ2CoreSampleBrowser.Controllers.StockChart
{
    public partial class StockChartController : Controller
    {
        public IActionResult Default()
        {
            return View();
        }
    }
}