Toggle navigation Highcharts
  • About Us
    • About Us
    • Job Openings
    • Contact Us
    • News
    • Resellers
  • Home
  • Products
    • Highcharts
    • Highstock
    • Highmaps
    • Mobile
    • Highcharts Cloud
    • Highcharts Editor
    • Wrappers
    • Plugins
  • Demo
    • Highcharts demos
    • Highstock demos
    • Highmaps demo
  • Docs
    • General Documentation
    • API Reference
    • Changelog
    • Roadmap
  • Support
    • Support
    • Download
  • Blog
  • Community
    • Project Showcase
    • Chart Code Showcase
    • Contribute
  • Buy
  • About Us
    • About Us
    • Job Openings
    • Contact Us
    • News
    • Resellers
Highstock .NET 
  • Highcharts .NET
  • Highstock .NET
Demos 
  • Demos
  • API
  • Docs
  • See on NuGet
  • Download 
  • Demo
  • API
  • Docs
  • See on NuGet
  • Download 
Highstock .NET
 Highcharts  Highstock
  • GENERAL
    • Single line series
    • Two panes, candlestick and volume
    • Compare multiple series
    • 52,000 points with data grouping
    • 1,7 million points with async loading
    • Intraday Area
    • Intraday with breaks
    • Intraday Candlestick
    • Flags marking events
    • Dynamically Updated Data
  • CHART TYPES
    • Line with markers and shadow
    • Spline
    • Step line
    • Area
    • Area spline
    • Area range
    • Area spline range
    • Candlestick
    • OHLC
    • Column
    • Column range
    • Point markers only
  • VARIOUS FEATURES
    • Plot lines on Y axis
    • Plot bands on Y axis
    • Reversed Y axis
    • Styled scrollbar
    • Disabled scrollbar
    • Disabled navigator
  • FLAGS
    • Flags placement
    • Flags shapes and colors
list

Controller Code

using Highsoft.Web.Mvc.Stocks;
using MVC_Demo.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Web;
using System.Web.Mvc;

namespace MVC_Demo.Areas.Highstock.Controllers.Shared
{
    public partial class SharedController : Controller
    {
        public ActionResult Arearange()
        {   
            List<ArearangeSeriesData> appleData = new List<ArearangeSeriesData>();

            using (var db = new HighstockDataEntities())
            {
                foreach (AppleData data in db.AppleDatas)
                {
                    appleData.Add(new ArearangeSeriesData
                    {
                        X = Convert.ToDouble(data.Date),
                        High = Convert.ToDouble(data.Value),
                        Low = Convert.ToDouble(data.Value - new Random().Next(15))
                    });
                }
            }

            ViewBag.AppleData = appleData.OrderBy(o => o.X).ToList();

            return View(ViewBag);
        }       

    }
}

Controller Code

@using Highsoft.Web.Mvc.Stocks
@using Highsoft.Web.Mvc.Stocks.Rendering

<script src="https://code.highcharts.com/stock/highstock.js"></script>

@*The highchart-more.js file contains definitions for additional chart types not available
    in the main highcharts.js file such as "arearange". You need to include this file if you
    are using these types of charts*@

<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>


@{ var chartOptions =
           new Highstock
           {
               Chart = new Highsoft.Web.Mvc.Stocks.Chart()
               {
                   Type = ChartType.Arearange
               },
               RangeSelector = new RangeSelector
               {
                   Selected = 2
               },
               Title = new Title
               {
                   Text = "Apple Stock Price"
               },
               Series = new List<Series>
               {
                new ArearangeSeries
                {
                   Data = ViewBag.AppleData as List<ArearangeSeriesData>,
                   Name = "Apple Stock Price",
                   //TurboThreshold = 10000,
                   Tooltip = new ArearangeSeriesTooltip
                   {
                       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())
© 2023 All rights reserved.