作成日: 2022/04/15 最終更新日: 2022/04/15
文書種別
使用方法
詳細
軸スクロールバー(AxisScrollbar)の色は、以下の機能を用いて細かく設定できます。
・軸スクロールバーコントロール全体の背景色:AxisScrollbarのBackColor
・つまみ(通常、マウスホバー時、マウスクリック時):AxisScrollbar.Controls(0)のStyleのThumbStyle
・つまみ間の部分の背景色:AxisScrollbar.Controls(0)のBarStyle
・右矢印、左矢印:AxisScrollbar.Controls(1または2)のBackColor
以下に、簡単な設定例を記載します。

◎サンプルコード(VB)
・軸スクロールバーコントロール全体の背景色:AxisScrollbarのBackColor
・つまみ(通常、マウスホバー時、マウスクリック時):AxisScrollbar.Controls(0)のStyleのThumbStyle
・つまみ間の部分の背景色:AxisScrollbar.Controls(0)のBarStyle
・右矢印、左矢印:AxisScrollbar.Controls(1または2)のBackColor
以下に、簡単な設定例を記載します。

◎サンプルコード(VB)
Imports C1.Chart
Imports C1.Win.Chart
Imports C1.Win.Chart.Interaction
Public Class Form1
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
' データテーブルの設定
Dim dt As DataTable = New DataTable()
dt.Columns.Add(New DataColumn("ID", GetType(Integer)))
dt.Columns.Add(New DataColumn("個数", GetType(Integer)))
Dim i As Integer
For i = 0 To 19
dt.Rows.Add(i, (i + 1) * 10)
Next
' チャートタイプの設定
FlexChart1.ChartType = ChartType.Column
' FlexChartへのバインド
FlexChart1.DataSource = dt
FlexChart1.BindingX = "ID"
FlexChart1.Binding = "個数"
FlexChart1.Series(0).Name = ""
' 軸スクロールバーの設定
Dim xAxisScrollbar As AxisScrollbar = New AxisScrollbar(FlexChart1.AxisX)
xAxisScrollbar.BackColor = Color.White 'コントロール全体の背景色
Dim rs As C1RangeSlider = TryCast(xAxisScrollbar.Controls(0), C1RangeSlider)
rs.Styles.BarStyle.SelectedAreaColor = Color.LightYellow 'つまみ間の部分の背景色
rs.Styles.ThumbStyle.BackColor = Color.LightGreen 'つまみ
rs.Styles.ThumbStyle.HotBackColor = Color.Green 'つまみ(マウスホバー時)
rs.Styles.ThumbStyle.PressedBackColor = Color.DarkGreen 'つまみ(マウスクリック時)
xAxisScrollbar.Controls(1).BackColor = Color.LightPink '右矢印
xAxisScrollbar.Controls(2).BackColor = Color.LightSalmon '左矢印
End Sub
End Class
◎サンプルコード(C#)
using C1.Chart;
using C1.Win.Chart;
using C1.Win.Chart.Interaction;
namespace prj_C1FlexChart
{
public partial class Form1 : Form
{
private AxisScrollbar xAxisScrollbar;
public Form1()
{
InitializeComponent();
//データテーブルの設定
DataTable dt = new DataTable();
dt.Columns.Add(new DataColumn("ID", typeof(Int32)));
dt.Columns.Add(new DataColumn("個数", typeof(Int32)));
for (int i = 0; i < 20; i++)
{
dt.Rows.Add(i, (i + 1) * 10);
}
// チャートタイプの設定
flexChart1.ChartType = ChartType.Column;
// FlexChartへのバインド
flexChart1.DataSource = dt;
flexChart1.BindingX = "ID";
flexChart1.Binding = "個数";
flexChart1.Series[0].Name = ""; //凡例を非表示
// 軸スクロールバーの設定
AxisScrollbar xAxisScrollbar = new AxisScrollbar(flexChart1.AxisX);
xAxisScrollbar.BackColor = Color.White; //コントロール全体の背景色
C1RangeSlider rs = xAxisScrollbar.Controls[0] as C1RangeSlider;
rs.Styles.BarStyle.SelectedAreaColor = Color.LightYellow; //つまみ間の背景色
rs.Styles.ThumbStyle.BackColor = Color.LightGreen; //つまみ
rs.Styles.ThumbStyle.HotBackColor = Color.Green; //つまみ(マウスホバー時)
rs.Styles.ThumbStyle.PressedBackColor = Color.DarkGreen; //つまみ(マウスクリック時)
xAxisScrollbar.Controls[1].BackColor = Color.LightPink; //右矢印
xAxisScrollbar.Controls[2].BackColor = Color.LightSalmon; //左矢印
}
}
}