Search results

Range Selector in ASP.NET MVC Stock Chart control

26 Nov 2021 / 1 minute to read

The period selector allows to select a range with specified periods. By default the period selector is enabled in stock chart.

Selecting Range

The left and right thumb of RangeNavigator are used to indicate the selected range in the large collection of data. Following are the ways you can select a range.

  • By dragging the thumbs.
  • By tapping on the labels.
  • By setting the start and end through Date Range button.

Following code example shows the EnableSelector property allows users to toggle the visibility of enable selector.

Copied to clipboard
<script src="~/financial-data.js"></script>

            @(Html.EJS().StockChart("container").Load("stockload").Title("AAPL Stock Price").EnableSelector(false)
                                                                .Series(sr =>

        var data = window.chartData;
        function stockload(args) {
            args.stockChart.crosshair = { enable: true };
Copied to clipboard
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();