Stock Chart Series Types

17 Feb 20222 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.


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


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


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


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


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


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

<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 type='Candle' xName="x"> </e-stockchart-series>
    <script src="~/financial-data.js"></script>
        var data = chartData;
            function stockload(args) {
                args.stockChart.series[0].dataSource = data;
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();