FinancialChart - CandleVolume

Features

CandleVolume

CandleVolume charts are identical to standard Candlestick charts, except that the width of each bar is determined by a fifth value, volume.

Features

Chart Types

Interaction

Analytics

Sample
Source
Documentation

Description

CandleVolume charts are identical to standard Candlestick charts, except that the width of each bar is determined by a fifth value, volume.

CandleVolumeController.cs
CandleVolume.cshtml

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

@using FinancialChartExplorer.Models
 
@model List<FinanceData>
@{
    ViewBag.DemoSettings = false;
    C1.Web.Mvc.Finance.ChartType 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>
 
 
@(Html.C1().FinancialChart()
.Id(demoSettingsModel.ControlId)
.Bind(Model)
.BindingX("X")
.ChartType(chartType)
.Series(sers =>
    {
        sers.Add().Binding("High,Low,Open,Close,Volume").Name("BOX");
    })
.Tooltip(t => t.Content("financialTooltip")))
 
@Html.Partial("_RangeSelector")
 
@section Description{
    <p>
        CandleVolume charts are identical to standard Candlestick charts, except that the width of each bar is determined by a fifth value, volume.
    </p>
}
@section Summary{
    <p>
        CandleVolume charts are identical to standard Candlestick charts, except that the width of each bar is determined by a fifth value, volume.
    </p>
}