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