CandlestickChart for ASP.NET Web Forms
系列のスタイルを設定する

SeriesStyle プロパティを使用して、CandlestickChartSeries のスタイルを設定できます。

  1. プロジェクトに C1.Web.Wijmo.Controls.dll への参照を追加します。
  2. C1CandlestickChart をツールボックスからページに追加します。C1CandlestickChart アイコンをツールボックスに追加する方法の詳細については、「ASP.NET Web Forms の開始」を参照してください。
  3. C1CandlestickChart プロパティウィンドウで、SeriesStyles プロパティの横にある省略符ボタンをクリックします。CandlestickChartStyle コレクションエディタが表示されます。
  4. [追加]をクリックして、新しい ChartStyle メンバを追加します。各 ChartStyle は、特定の BarChartSeries を表します。たとえば、最初の ChartStyle メンバは、最初の CandlestickChartSeries の系列を表します。
  5. CandlestickChartStyle のコレクションエディタで、Fill ノードを展開し、ColorBegin の横にある省略符ボタンをクリックして、値 Hex={FF,66,CC} を[値]テキストボックスに入力します。
  6. [OK]をクリックして保存し、[その他の色]ダイアログボックスを閉じます。
  7. CandlestickChartStyle のコレクションエディタで、Fill ノードを展開し、ColorBegin の横にある省略符ボタンをクリックして、値 Hex={FF,66,CC} を[値]テキストボックスに入力します。
  8. [OK]をクリックして保存し、[その他の色]ダイアログボックスを閉じます。
  9. Type を LinearGradient に、Opacity を 0.8 にそれぞれ設定します。
  10. Stroke の横にある省略符ボタンをクリックし、値 Hex={FF,00,66} を[値]テキストボックスに入力します。
  11. [OK]をクリックして保存し、[その他の色]ダイアログボックスを閉じます。
  1. プロジェクトに C1.Web.Wijmo.Controls.dll への参照を追加します。
  2. C1CandlestickChart をツールボックスからページに追加します。C1CandlestickChart アイコンをツールボックスに追加する方法の詳細については、「ASP.NET Web Forms の開始」を参照してください。
  3. [ソース]タブをクリックし、次のコードを <SeriesStyle> タグ内に追加します。
マークアップ
コードのコピー
<cc1:ChartStyle Opacity="0.8" Stroke="#FF0066" StrokeWidth="1.5">
   <Fill Type="LinearGradient" ColorBegin="#FF66CC" ColorEnd="#FF66CC"></Fill>
</cc1:ChartStyle>

 

 

このトピックの作業結果

最初の BarChartSeries スタイルが変更されます。