FinancialChart

ASP.NET MVCの全コントロールがクライアント側のウェブ開発用に最適化されています。

クライアント側でFinancialChartコントロールをアクセスするには、wijmo.Control.getControl()を使用できます。コントロールを宣言してコントロールをアクセスするスクリプトを追加します。コントロールのIDを使用してjQuery セレクタを作成し、クライアント側APIを使用します。

FinancialChartが強力なクライアント側API を提供します。次のコードがクライアント側でFlexSheetコントロールをアクセスする方法を示します。

Client-Side Access	コードのコピー
@using MVCFinancialChart.Models @model List<FinanceData> <script> var financeChart; c1.mvc.Utils.documentReady(function () { financeChart = wijmo.Control.getControl('#fChart'); }); </script> <!--FinancialChartのインスタンスを作成し、プロパティを設定します--> @(Html.C1().FinancialChart() .Bind(Model) .Id("fChart") .Height(400) .Width(700) .BindingX("X") .ChartType(C1.Web.Mvc.Finance.ChartType.ArmsCandleVolume) .Series(sers => { sers.Add().Binding("High,Low,Open,Close,Volume"); }) .Tooltip(t => t.Content("tooltipContent")) )

Client-Side Access

コードのコピー

@using MVCFinancialChart.Models
@model List<FinanceData>

<script>
    var financeChart;
    c1.mvc.Utils.documentReady(function () {
        financeChart = wijmo.Control.getControl('#fChart');
    });
</script>

<!--FinancialChartのインスタンスを作成し、プロパティを設定します-->
@(Html.C1().FinancialChart()
.Bind(Model)
.Id("fChart")   
.Height(400)
.Width(700)
.BindingX("X")        
.ChartType(C1.Web.Mvc.Finance.ChartType.ArmsCandleVolume)
.Series(sers =>
    {
        sers.Add().Binding("High,Low,Open,Close,Volume");
    })
.Tooltip(t => t.Content("tooltipContent"))
)

詳細については、「モジュール wijmo.chart.finance」を参照してください。