True に設定すると、軸範囲が変更してもシリーズがアニメーションを再生しないデフォルト動作をオーバーライドできます。

  
        //Initialize
        $(".selector").igDataChart({
            animateSeriesWhenAxisRangeChanges: true
        });
        
        //Get
        var animate= $(".selector").igDataChart("option", "animateSeriesWhenAxisRangeChanges");
        
        //Set
        $(".selector").igDataChart("option", "animateSeriesWhenAxisRangeChanges", true); 

余白をチャートに自動的に追加するときに自動的に追加する高さを取得または設定します。

  
        //Initialize
        $(".selector").igDataChart({
            autoMarginHeight : 100
        });
        
        //Get
        var height = $(".selector").igDataChart("option", "autoMarginHeight");
        
        //Set
        $(".selector").igDataChart("option", "autoMarginHeight", 100); 

余白をチャートに自動的に追加するときに自動的に追加する幅を取得または設定します。

 
        //Initialize
        $(".selector").igDataChart({
            autoMarginWidth : 200
        });
        
        //Get
        var width = $(".selector").igDataChart("option", "autoMarginWidth");
        
        //Set
        $(".selector").igDataChart("option", "autoMarginWidth", 200);
      

軸オブジェクトの配列。

var data = [{ "Label": "2009", "Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, 
			{ "Label": "2010", "Item1": "Value2", "Item2": 1500, "Item3": 1180.25}, 
			{ "Label": "2011", "Item1": "Value3", "Item2": 1200, "Item3": 1205.55}, 
			{ "Label": "2012", "Item1": "Value4", "Item2": 1450, "Item3": 1144.65}];

//    Initialization
$(".selector").igDataChart({
        axes: [{
            name: "xAxis",
            type: "categoryX",
            dataSource: data,
            label: "Label"
        },
        {
            name: "yAxis",
            type: "numericY"
        }]
    });

//    Get
var axes = $(".selector").igDataChart("option", "axes");
axes[0];  // access 'xAxis' options
axes[1];  // access 'yAxis' options

//    Set
$(".selector").igDataChart("option", "axes", 
        [{
            name: "xAxis",
            type: "categoryX",
            dataSource: data,
            label: "Label",
            labelVisibility: "collapsed"
        },
        {
            name: "yAxis",
            type: "numericY",
            labelVisibility: "collapsed"
        }]
    );
    

• coercionMethods

  タイプ:

  object

  デフォルト:

  null

  データ ソースからデータを読み込むときに使用する強制メソッドを取得または設定します。
  使用する場合、メンバー パスを設定する前に指定します。後に設定する場合、
  チャートにデータを再インポートしません。

  コード サンプル

  var data = [
        { "Date": new Date(2011, 1, 1), "Value": 1000 },
        { "Date": new Date(2011, 1, 2), "Value": 995 },
        { "Date": new Date(2011, 1, 3), "Value": 925.5 },
        { "Date": new Date(2011, 1, 4), "Value": 940.25 },
        { "Date": new Date(2011, 1, 5), "Value": 1020.5 }
    ];
  
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryDateTimeX",
              dataSource: data,
              dateTimeMemberPath: "Date!parseDate",
              coercionMethods: {
                  parseDate: function (val) {
                      var newVal = new Date(val);
                      newVal.setDate(newVal.getDate() + 4);
                      return newVal;
                  }
              }
          }]
      });
            

• crossingAxis

  タイプ:

  string

  デフォルト:

  null

  CrossingAxis プロパティを取得または設定します。

  コード サンプル

  var data = [{ "Label": "2009", "Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, 
  			{ "Label": "2010", "Item1": "Value2", "Item2": 1500, "Item3": 1180.25}, 
  			{ "Label": "2011", "Item1": "Value3", "Item2": 1200, "Item3": 1205.55}, 
  			{ "Label": "2012", "Item1": "Value4", "Item2": 1450, "Item3": 1144.65}];
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY",
              crossingAxis: "xAxis",
              crossingValue: 700
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[1].crossingAxis;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY",
              crossingAxis: "xAxis",
              crossingValue: 700
          }]
      );
            

• crossingValue

  タイプ:

  object

  デフォルト:

  null

  CrossingValue プロパティを取得または設定します。

  コード サンプル

  var data = [{ "Label": "2009", "Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, 
  			{ "Label": "2010", "Item1": "Value2", "Item2": 1500, "Item3": 1180.25}, 
  			{ "Label": "2011", "Item1": "Value3", "Item2": 1200, "Item3": 1205.55}, 
  			{ "Label": "2012", "Item1": "Value4", "Item2": 1450, "Item3": 1144.65}];
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY",
              crossingAxis: "xAxis",
              crossingValue: 700
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[1].crossingValue;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY",
              crossingAxis: "xAxis",
              crossingValue: 700
          }]
      );
            

• dataSource

  タイプ:

  object

  デフォルト:

  null

  $.ig.DataSource が受け入れる有効なデータ ソースまたは $.ig.DataSource 自体のインスタンスが可能です。

  コード サンプル

  var data = [{ "Label": "2009", "Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, 
  			{ "Label": "2010", "Item1": "Value2", "Item2": 1500, "Item3": 1180.25}, 
  			{ "Label": "2011", "Item1": "Value3", "Item2": 1200, "Item3": 1205.55}, 
  			{ "Label": "2012", "Item1": "Value4", "Item2": 1450, "Item3": 1144.65}];
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].dataSource;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }]
      );
            

• dataSourceType

  タイプ:

  string

  デフォルト:

  null

  データ ソースのタイプ ("json" など) を明示的に設定します。$.ig.DataSource とそのタイプ プロパティのドキュメントを参照してください。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              dataSourceType: "json"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].dataSourceType;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              dataSourceType: "json"
          }]
      );
            

• dataSourceUrl

  タイプ:

  string

  デフォルト:

  null

  $.ig.DataSource からデータを要求するには、$.ig.DataSource により承諾されたリモート URL を指定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSourceUrl: "http://www.example.com/chart-data"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].dataSourceUrl;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSourceUrl: "http://www.example.com/chart-data"
          }]
      );
            

• dateTimeMemberPath

  タイプ:

  string

  デフォルト:

  null

  CategoryDateTimeXAxis の DateTime マッピング プロパティを取得または設定します。

  コード サンプル

  var data = [
        { "Date": new Date(2011, 1, 1), "Value": 1000 },
        { "Date": new Date(2011, 1, 2), "Value": 995 },
        { "Date": new Date(2011, 1, 3), "Value": 925.5 },
        { "Date": new Date(2011, 1, 4), "Value": 940.25 },
        { "Date": new Date(2011, 1, 5), "Value": 1020.5 }
    ];
  
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryDateTimeX",
              dataSource: data,
              dateTimeMemberPath: "Date"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].dateTimeMemberPath;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryDateTimeX",
              dataSource: data,
              dateTimeMemberPath: "Date"
          }]
      );
            

• displayType

  タイプ:

  enumeration

  デフォルト:

  null

  軸の表示タイプを取得または設定します。Continuous 表示タイプでは軸を均等間隔に分割します。ラベルは必ずしもデータ ポイントに合わせる必要はありません。Discrete 表示タイプでは均等間隔を使用しませんが、各ラベルはデータ ポイントに合わせます。

  メンバー

  • continuous
  • タイプ:string
  • 特定の点にデータが存在しない場合でも、各点は均等な間隔で表示されます。
  • discrete
  • タイプ:string
  • データが存在する場合、点は均等でない間隔で表示される可能性があります。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              displayType: "continuous"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].displayType;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              displayType: "continuous"
          }]
      );
            

• enhancedIntervalMinimumCharacters

  タイプ:

  number

  デフォルト:

  5

  詳細なラベル ヒューリスティックを使用の場合、横軸に表示される最小文字数を取得または設定します。-1 を使用して、横軸にフィットするように間隔を調整します。

• formatLabel

  タイプ:

  object

  デフォルト:

  null

  オブジェクトを取得して、チャートの表示のために書式設定されるラベルを作成する関数を取得または設定します。

  コード サンプル

  var data = [
        { "Date": new Date(2011, 1, 1), "Value": 1000 },
        { "Date": new Date(2011, 1, 2), "Value": 995 },
        { "Date": new Date(2011, 1, 3), "Value": 925.5 },
        { "Date": new Date(2011, 1, 4), "Value": 940.25 },
        { "Date": new Date(2011, 1, 5), "Value": 1020.5 }
    ];
  
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryDateTimeX",
              dataSource: data,
              label: "Date",
              formatLabel: function (item) {
                  var ret = '';
                  ret += item.getFullYear();
                  ret += "/";
                  ret += item.getMonth() + 1;
                  ret += "/";
                  ret += item.getDate();
                  return ret;
              }
          }]
      });
            

• gap

  タイプ:

  number

  デフォルト:

  0

  現在の軸オブジェクトの隣接カテゴリ間のスペース量を取得または設定します。
  使用される場合、スペースが範囲 [0, 1] に制限されます。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              gap: 10
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].gap;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              gap: 10
          }]
      );
            

• innerRadiusExtentScale

  タイプ:

  number

  デフォルト:

  0

  チャートの中心を空白にするために最大半径範囲のパーセンテージを定義します。これは
  0.0 ～ 1.0 の値である必要があります。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              innerRadiusExtentScale: 0.15
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].innerRadiusExtentScale;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              innerRadiusExtentScale: 0.15
          }]
      );
            

• interval

  タイプ:

  number

  デフォルト:

  0

  表示するラベルの間隔を取得または設定します。
  どのラベルを非表示にするかは、設定した値で決まります。たとえば、間隔 2 では 1 ラベルおきに表示します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              interval: 2
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].interval;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              interval: 2
          }]
      );
            

• isDataPreSorted

  タイプ:

  bool

  デフォルト:

  false

  日時軸に割り当てられたデータが日時により並べ替えたかどうかを取得または設定します。

• isInverted

  タイプ:

  bool

  デフォルト:

  false

  IsInverted プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              isInverted: true
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].isInverted;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              isInverted: true
          }]
      );
            

• isLogarithmic

  タイプ:

  bool

  デフォルト:

  false

  IsLogarithmic プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              isLogarithmic: true
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].isLogarithmic;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              isLogarithmic: true
          }]
      );
            

• label

  タイプ:

  object

  デフォルト:

  null

  軸ラベルに使用するラベル マッピング プロパティを取得または設定します。

  コード サンプル

  var data = [{ "Label": "2009", "Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, 
  			{ "Label": "2010", "Item1": "Value2", "Item2": 1500, "Item3": 1180.25}, 
  			{ "Label": "2011", "Item1": "Value3", "Item2": 1200, "Item3": 1205.55}, 
  			{ "Label": "2012", "Item1": "Value4", "Item2": 1450, "Item3": 1144.65}];
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].label;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          }]
      );
            

• labelAngle

  タイプ:

  number

  デフォルト:

  0

  軸のラベルが反転される角度を指定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelAngle: 30
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelAngle;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              labelAngle: 30
          }]
      );
            

• labelBottomMargin

  タイプ:

  number

  デフォルト:

  0

  ラベルに使用する下マージン。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelBottomMargin: 10
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelBottomMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              labelBottomMargin: 10
          }]
      );
            

• labelExtent

  タイプ:

  number

  デフォルト:

  null

  この軸のラベル領域の範囲を指定します。指定されない場合、この値が自動的に計算されます。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelExtent: 10
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelExtent;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              labelExtent: 10
          }]
      );
            

• labelHorizontalAlignment

  タイプ:

  enumeration

  デフォルト:

  right

  ラベルに使用する水平方向。垂直方向の軸のみに適用できます。

  メンバー

  • left
  • タイプ:string
  • ラベルを左揃えにします。
  • center
  • タイプ:string
  • ラベルを中央揃えにします。
  • right
  • タイプ:string
  • ラベルを右揃えにします。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "yAxis",
              type: "numericY",
              labelHorizontalAlignment: "right"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelHorizontalAlignment;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              labelHorizontalAlignment: "right"
          }]
      );
            

• labelLeftMargin

  タイプ:

  number

  デフォルト:

  0

  ラベルに使用する左マージン。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelLeftMargin: 10
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelLeftMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              labelLeftMargin: 10
          }]
      );
            

• labelLocation

  タイプ:

  enumeration

  デフォルト:

  null

  この軸の軸ラベルを表示する場所を指定します。

  メンバー

  • outsideTop
  • タイプ:string
  • ラベルには外側上部の位置がある必要があります。
  • outsideBottom
  • タイプ:string
  • ラベルには外側下部の位置がある必要があります。
  • outsideLeft
  • タイプ:string
  • ラベルには外側左の位置がある必要があります。
  • outsideRight
  • タイプ:string
  • ラベルには外側右の位置がある必要があります。
  • insideTop
  • タイプ:string
  • ラベルに内側上部の配置がある必要があります。
  • insideBottom
  • タイプ:string
  • ラベルには内側下部の位置がある必要があります。
  • insideLeft
  • タイプ:string
  • ラベルには内側左の位置がある必要があります。
  • insideRight
  • タイプ:string
  • ラベルには内側右の位置がある必要があります。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelLocation: "outsideBottom"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelLocation;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              labelLocation: "outsideBottom"
          }]
      );
            

• labelMargin

  タイプ:

  number

  デフォルト:

  0

  ラベルに使用するマージン。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelMargin: 5
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              labelMargin: 5
          }]
      );
            

• labelRightMargin

  タイプ:

  number

  デフォルト:

  0

  ラベルに使用する右マージン。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelRightMargin: 10
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelRightMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              labelRightMargin: 10
          }]
      );
            

• labelTextColor

  タイプ:

  string

  デフォルト:

  null

  軸ラベルのテキスト色をオーバーライドします。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelTextColor: "blue"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelTextColor;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              labelTextColor: "blue"
          }]
      );
            

• labelTextStyle

  タイプ:

  string

  デフォルト:

  null

  軸ラベルのテキスト スタイルをオーバーライドします。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelTextStyle: "8pt Helvetica, Arial, sans-serif"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelTextStyle;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              labelTextStyle: "8pt Helvetica, Arial, sans-serif"
          }]
      );
            

• labelTopMargin

  タイプ:

  number

  デフォルト:

  0

  ラベルに使用する上マージン。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelTopMargin: 10
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelTopMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              labelTopMargin: 10
          }]
      );
            

• labelVerticalAlignment

  タイプ:

  enumeration

  デフォルト:

  top

  ラベルに使用する垂直方向。水平方向の軸のみに適用できます。

  メンバー

  • top
  • タイプ:string
  • ラベルを上揃えにします。
  • center
  • タイプ:string
  • ラベルを中央揃えにします。
  • bottom
  • タイプ:string
  • ラベルを下揃えにします。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelVerticalAlignment: "center"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelVerticalAlignment;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              labelVerticalAlignment: "center"
          }]
      );
            

• labelVisibility

  タイプ:

  enumeration

  デフォルト:

  visible

  ラベルが可視かどうかを指定します。

  メンバー

  • visible
  • タイプ:string
  • この軸のラベルが可視である必要があります。
  • collapsed
  • タイプ:string
  • ラベルを軸に表示しません。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              labelVisibility: "collapsed"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].labelVisibility;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              labelVisibility: "collapsed"
          }]
      );
            

• logarithmBase

  タイプ:

  number

  デフォルト:

  10

  LogarithmBase プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              logarithmBase: 2
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].logarithmBase;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "numericX",
              logarithmBase: 2
          }]
      );
            

• majorStroke

  タイプ:

  string

  デフォルト:

  null

  MajorStroke プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              majorStroke: "blue"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].majorStroke;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              majorStroke: "blue"
          }]
      );
            

• majorStrokeThickness

  タイプ:

  number

  デフォルト:

  1

  MajorStrokeThickness プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              majorStrokeThickness: 5
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].majorStrokeThickness;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              majorStrokeThickness: 5
          }]
      );
            

• maximumValue

  タイプ:

  enumeration

  デフォルト:

  0

  軸 MaximumValue を取得または設定します。

  メンバー

  • number
  • タイプ:number
  • 軸が数値型の場合、最大値を数値に設定できます。
  • date
  • タイプ:date
  • type オプションが "categoryDateTimeX" に設定される場合、最大値を日付オブジェクトに設定できます。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              maximumValue: 1500
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].maximumValue;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              maximumValue: 1500
          }]
      );
            

• minimumValue

  タイプ:

  enumeration

  デフォルト:

  0

  軸 MinimumValue を取得または設定します。

  メンバー

  • number
  • タイプ:number
  • 軸が数値型の場合、最小値を数値に設定できます。
  • date
  • タイプ:date
  • type オプションが "categoryDateTimeX" に設定される場合、最小値を日付オブジェクトに設定できます。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              minimumValue: 500
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].minimumValue;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              minimumValue: 500
          }]
      );
            

• minorStroke

  タイプ:

  string

  デフォルト:

  null

  MinorStroke プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              minorStroke: "grey"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].minorStroke;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              minorStroke: "grey"
          }]
      );
            

• minorStrokeThickness

  タイプ:

  number

  デフォルト:

  1

  MinorStrokeThickness プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              minorStrokeThickness: 2
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].minorStrokeThickness;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              minorStrokeThickness: 2
          }]
      );
            

• name

  タイプ:

  string

  デフォルト:

  null

  軸の一意の識別子。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].name;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX"
          }]
      );
            

• overlap

  タイプ:

  number

  デフォルト:

  0

  現在の軸オブジェクトの隣接カテゴリ間の重複の量を取得または設定します。
  重複は、使用時に範囲 [-1, 1] に通知なしで固定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              overlap: 0.5
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].overlap;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              overlap: 0.5
          }]
      );
            

• radiusExtentScale

  タイプ:

  number

  デフォルト:

  0.75

  最大半径として使用する最大半径の範囲のパーセンテージを定義します。これは
  0.0 ～ 1.0 の値である必要があります。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              radiusExtentScale: 0.5
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].radiusExtentScale;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              radiusExtentScale: 0.5
          }]
      );
            

• referenceValue

  タイプ:

  number

  デフォルト:

  0

  ReferenceValue プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              referenceValue: 0.5
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].referenceValue;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              referenceValue: 0.5
          }]
      );
            

• remove

  タイプ:

  bool

  デフォルト:

  false

  チャートから依存の軸を名前によって削除するには、true に設定します。

  コード サンプル

  //Set
  $(".selector").igDataChart("option", "axes",
    [{
      name: "xAxis",
      remove: true
    }]
  );
            

• responseDataKey

  タイプ:

  string

  デフォルト:

  null

  $.ig.DataSource を参照してください。応答がラップされる場合に、データ レコードが保持されるプロパティの名前を指定します。

  コード サンプル

  var data = { "Records": 
                [{ "Label": "2009", "Item1": "Value1", "Item2": 1000, "Item3": 1019.75}, 
  			  { "Label": "2010", "Item1": "Value2", "Item2": 1500, "Item3": 1180.25}, 
  			  { "Label": "2011", "Item1": "Value3", "Item2": 1200, "Item3": 1205.55}, 
  			  { "Label": "2012", "Item1": "Value4", "Item2": 1450, "Item3": 1144.65}]
            };
  
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              responseDataKey: "Records"
          },
          {
              name: "yAxis",
              type: "numericY"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].responseDataKey;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
          [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              responseDataKey: "Records"
          }]
      );
            

• showFirstLabel

  タイプ:

  bool

  デフォルト:

  true

  軸の最初のラベルを表示するかどうかを設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              showFirstLabel: false
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].showFirstLabel;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              showFirstLabel: false
          }]
      );
            

• startAngleOffset

  タイプ:

  number

  デフォルト:

  0

  チャートの角度 0 度をオフセットする角度を示します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              startAngleOffset: 30
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].startAngleOffset;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              startAngleOffset: 30
          }]
      );
            

• strip

  タイプ:

  string

  デフォルト:

  null

  Strip プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              strip: "grey"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].strip;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              strip: "grey"
          }]
      );
            

• stroke

  タイプ:

  string

  デフォルト:

  null

  Stroke プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              stroke: "blue"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].stroke;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX",
              stroke: "blue"
          }]
      );
            

• strokeThickness

  タイプ:

  number

  デフォルト:

  1

  StrokeThickness プロパティを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              strokeThickness: 5
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].strokeThickness;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              strokeThickness: 5
          }]
      );
            

• tickLength

  タイプ:

  number

  デフォルト:

  0

  この軸に表示する目盛りの長さ。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              tickLength: 5
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].tickLength;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              tickLength: 5
          }]
      );
            

• tickStroke

  タイプ:

  object

  デフォルト:

  black

  目盛りに使用する色。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              tickStroke: "blue"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].tickStroke;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              tickStroke: "blue"
          }]
      );
            

• tickStrokeThickness

  タイプ:

  number

  デフォルト:

  0.5

  目盛りに使用するストロークの太さ。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              tickStrokeThickness: 2
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].tickStrokeThickness;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              tickStrokeThickness: 2
          }]
      );
            

• title

  タイプ:

  string

  デフォルト:

  null

  コンポーネントに表示するタイトル。

  コード サンプル

   
            //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].title;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years"
          }]
      );
         

• titleAngle

  タイプ:

  number

  デフォルト:

  0

  軸タイトルに使用する角度。

  コード サンプル

    
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleAngle: 90
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleAngle;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleAngle: 90
          }]
      ); 

• titleBottomMargin

  タイプ:

  number

  デフォルト:

  0

  タイトルに使用する下マージン。

  コード サンプル

   
  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleBottomMargin:20
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleBottomMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleBottomMargin: 20
          }]
      ); 

• titleHorizontalAlignment

  タイプ:

  enumeration

  デフォルト:

  center

  タイトルに使用する水平方向。

  メンバー

  • left
  • タイプ:string
  • タイトルを左揃えにします。
  • center
  • タイプ:string
  • タイトルを中央揃えにします。
  • right
  • タイプ:string
  • タイトルを右揃えにします。

  コード サンプル

   
            //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleHorizontalAlignment: "left"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleHorizontalAlignment;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleHorizontalAlignment: "left"
          }]
      ); 

• titleLeftMargin

  タイプ:

  number

  デフォルト:

  0

  タイトルに使用する左マージン。

  コード サンプル

   
            //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleLeftMargin: 20
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleLeftMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleLeftMargin: 20
          }]
      ); 

• titleMargin

  タイプ:

  number

  デフォルト:

  0

  軸タイトルの周りに表示するマージン。

  コード サンプル

   
             //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleMargin: {top:20 , bottom:40, left:45, right:23}
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleMargin: {top:20 , bottom:40, left:45, right:23}
          }]
      ); 
      

• titlePosition

  タイプ:

  enumeration

  デフォルト:

  auto

  タイトルに使用する位置。

  メンバー

  • auto
  • タイプ:string
  • タイトルが自動的に配置されます。
  • left
  • タイプ:string
  • タイトルがラベルの左側に配置されます。
  • right
  • タイプ:string
  • タイトルがラベルの右側に配置されます。
  • top
  • タイプ:string
  • タイトルがラベルの上側に配置されます。
  • bottom
  • タイプ:string
  • タイトルがラベルの下側に配置されます。

  コード サンプル

   
             //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titlePosition: "top"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titlePosition;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titlePosition: "top"
          }]
      ); 
      

• titleRightMargin

  タイプ:

  number

  デフォルト:

  0

  タイトルに使用する右マージン。

  コード サンプル

    
              //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleRightMargin: 20
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleRightMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleRightMargin: 20
          }]
      ); 
      

• titleTextStyle

  タイプ:

  string

  デフォルト:

  null

  タイトルに使用する css フォント プロパティ。

  コード サンプル

   
             //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleTextStyle: "26pt Times New Roman|Georgia|Serif"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleTextStyle;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleTextStyle: "26pt Times New Roman|Georgia|Serif"
          }]
      ); 
      

• titleTopMargin

  タイプ:

  number

  デフォルト:

  0

  タイトルに使用する上マージン。

  コード サンプル

   
             //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleTopMargin: 20
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleTopMargin;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleTopMargin: 20
          }]
      ); 
      

• titleVerticalAlignment

  タイプ:

  enumeration

  デフォルト:

  center

  タイトルに使用する垂直方向。

  メンバー

  • center
  • タイプ:string
  • タイトルを中央揃えにします。

  コード サンプル

   
             //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleVerticalAlignment: "center"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].titleVerticalAlignment;
  
  //    Set
  $(".selector").igDataChart("option", "axes",
          [{
              name: "xAxis",
              type: "numericX",
              title: "Years",
              titleVerticalAlignment: "center"
          }]
      ); 

• type

  タイプ:

  enumeration

  デフォルト:

  null

  軸のタイプ。

  メンバー

  • numericX
  • タイプ:string
  • 数値 X 軸として軸を指定します。散布図、カテゴリ、および財務価格シリーズの表示に役立ちます。
  • numericY
  • タイプ:string
  • 数値 Y 軸として軸を指定します。散布図、カテゴリ、および財務価格シリーズの表示に役立ちます。
  • categoryX
  • タイプ:string
  • カテゴリ X 軸として軸を指定します。散布図、カテゴリ、および財務価格シリーズの表示に役立ちます。
  • categoryDateTimeX
  • タイプ:string
  • カテゴリ datetime X 軸として軸を指定します。日付データのカテゴリ、および財務価格シリーズの表示に役立ちます。
  • categoryY
  • タイプ:string
  • カテゴリ Y 軸として軸を指定します。散布図、カテゴリ、および財務価格シリーズの表示に役立ちます。
  • categoryAngle
  • タイプ:string
  • カテゴリ角度軸として軸を指定します。ポーラおよびラジアル カテゴリの表示に便利です。
  • numericAngle
  • タイプ:string
  • 数値角度軸として軸を指定します。ポーラおよびラジアル シリーズの表示に便利です。
  • numericRadius
  • タイプ:string
  • 数値半径軸として軸を指定します。ポーラおよびラジアル シリーズの表示に便利です。
  • time
  • タイプ:string
  • 時間 X 軸として軸を指定します。時間ブレークを持つデータに基づいて日付の表示で便利です。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }]
      });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].type;
  
  //    Set
  $(".selector").igDataChart("option", "axes", blue
          [{
              name: "xAxis",
              type: "numericX"
          }]
      );
            

• useClusteringMode

  タイプ:

  bool

  デフォルト:

  false

  クラスタリング モードを使用する必要な系列がない場合、カテゴリ軸がクラスタリング モードを使用するかどうかを取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
      axes: [{
          name: "xAxis",
          type: "categoryX",
          useClusteringMode: true
      }]
  });
  
  //    Get
  var axes = $(".selector").igDataChart("option", "axes");
  axes[0].useClusteringMode;
  
  //    Set
  $(".selector").igDataChart("option", "axes", 
      [{
          name: "xAxis",
          type: "categoryX",
          useClusteringMode: true
      }]
  );
            

• useEnhancedIntervalManagement

  タイプ:

  bool

  デフォルト:

  false

  競合解決などの前に、初期状態で描画されるラベルの数を決定する際により詳細なヒューリスティックが使用されるかどうかを取得または設定します。

キャンバスでチャート コンテンツの周囲で使用する下余白を取得または設定します。

 
        //Initialize
        $(".selector").igDataChart({
            bottomMargin : 20
        });
        
        //Get
        var margin = $(".selector").igDataChart("option", "bottomMargin");
        
        //Set
        $(".selector").igDataChart("option", "bottomMargin", 20); 

Brushes プロパティを取得または設定します。
自動的に割り当てられる系列ブラシを選択するパレットは、ブラシ プロパティで定義します。
提供された値は、css 色文字列の配列である必要があります。最初の要素は、コレクションの補間モードを指定する RGB または HSV の文字列に設定するオプションがあります。

		//	Initialization
		$(".selector").igDataChart({
                brushes: [ "#ff0000", "#ffff00", "#00ffff" ]
            });
		
		//	Get
		var brushes = $(".selector").igDataChart("option", "brushes");
		
		//	Set
		$(".selector").igDataChart("option", "brushes", [ "#ff0000", "#ffff00", "#00ffff" ]);
	  

チャートに円マーカーを使用するためのテンプレートを取得または設定します。
マーカー タイプが
circle のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    circleMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

シリーズが使用するヒット テストのタイプを取得または設定します。

//	Initialization
$(".selector").igDataChart({
    contentHitTestMode: "auto"
});
		
//	Get
var mode= $(".selector").igDataChart("option", "contentHitTestMode");
		
//	Set
$(".selector").igDataChart("option", "contentHitTestMode", "auto");
	  

十字線の位置 (ワールド座標値) を取得または設定します
十字線の X または Y のいずれかまたは両方を double.NaN に設定することができます。
その場合、該当する十字線は非表示になります。

//	Initialization
$(".selector").igDataChart({
    crosshairPoint: { x: 0.5, y: 0.5 }
});
		
//	Get
var crosshairPoint = $(".selector").igDataChart("option", "crosshairPoint");
		
//	Set
$(".selector").igDataChart("option", "crosshairPoint", { x: 0.5, y: 0.5 });
	  

• x

  タイプ:

  number

  デフォルト:

  ""

  x 座標

  コード サンプル

  //  Initialization
  $(".selector").igDataChart({
      crosshairPoint: { x: 0.5, y: 0.5 }
  });
   
  //  Get
  var crosshairPoint = $(".selector").igDataChart("option", "crosshairPoint");
  var x =  crosshairPoint.x;
  
  //	Set
  $(".selector").igDataChart("option", "crosshairPoint", { x: 0.5, y: 0.5 });
            

• y

  タイプ:

  number

  デフォルト:

  ""

  y 座標

  コード サンプル

  //  Initialization
  $(".selector").igDataChart({
      crosshairPoint: { x: 0.5, y: 0.5 }
  });
   
  //  Get
  var crosshairPoint = $(".selector").igDataChart("option", "crosshairPoint");
  var y =  crosshairPoint.y;
  
  //	Set
  $(".selector").igDataChart("option", "crosshairPoint", { x: 0.5, y: 0.5 });
  

現在の Chart の十字線の表示/非表示のオーバーライドを取得または設定します。注: このプロパティの設定はチャートのモバイル ブラウザー バージョンに影響しません。

		//	Initialization
		$(".selector").igDataChart({
                crosshairVisibility: "collapsed"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "crosshairVisibility");
		
		//	Set
		$(".selector").igDataChart("option", "crosshairVisibility", "collapsed");
	  

$.ig.DataSource が受け入れる有効なデータ ソースまたは $.ig.DataSource 自体のインスタンスが可能です。

		//	Initialization
		var data1 = [{"ID": 1, "Cost": 12.5}, {"ID": 2, "Cost": 18.56}, {"ID": 3, "Cost": 22.18}];
		$(".selector").igDataChart({
                dataSource: data1
            });
		
		//	Get
		var dataSource = $(".selector").igDataChart("option", "dataSource");
		
		//	Set
		var data1 = [{"ID": 1, "Cost": 12.5}, {"ID": 2, "Cost": 18.56}, {"ID": 3, "Cost": 22.18}];
		$(".selector").igDataChart("option", "dataSource", data1);
	  

データ ソースのタイプ ("json" など) を明示的に設定します。$.ig.DataSource とそのタイプ プロパティのドキュメントを参照してください。

		//	Initialization
		$(".selector").igDataChart({
                dataSourceType: "array"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "dataSourceType");
		
		//	Set
		$(".selector").igDataChart("option", "dataSourceType", "array");
	  

$.ig.DataSource からデータを要求するには、$.ig.DataSource により承諾されたリモート URL を指定します。

		//	Initialization
		$(".selector").igDataChart({
                dataSourceUrl: "http://www.example.com"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "dataSourceUrl");
		
		//	Set
		$(".selector").igDataChart("option", "dataSourceUrl", "http://www.example.com");
	  

DefaultInteraction プロパティを取得または設定します。デフォルトの操作状態により、マウス イベントに対するチャートの応答が定義されます。

		//	Initialization
		$(".selector").igDataChart({
                defaultInteraction: "dragZoom"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "defaultInteraction");
		
		//	Set
		$(".selector").igDataChart("option", "defaultInteraction", "dragZoom");
	  

チャート上のひし形マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
diamond のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    diamondMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

現在の Chart の DragModifier プロパティを取得または設定します。

		//	Initialization
		$(".selector").igDataChart({
                dragModifier: "control"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "dragModifier");
		
		//	Set
		$(".selector").igDataChart("option", "dragModifier", "control");
	  

GridMode プロパティを取得または設定します。

		//	Initialization
		$(".selector").igDataChart({
                gridMode: "beforeSeries"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "gridMode");
		
		//	Set
		$(".selector").igDataChart("option", "gridMode", "beforeSeries");
	  

チャートの高さ。ピクセル、文字列 (px)、またはパーセンテージ (%) で数字として設定できます。

//	Initialization
$(".selector").igDataChart({
    height: 250
});
		
//	Get
var opValue = $(".selector").igDataChart("option", "height");

//	Set
$(".selector").igDataChart("option", "height", 250);
      

チャート上の六角形マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
hexagon のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    hexagonMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

チャート上のヘキサグラム マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
hexagram のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    hexagramMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

強調表示トランジションの期間 (ミリ秒)。

 
       //Initialization
<script type="text/javascript">
    $(function () {
        $("#chart").igDataChart({
                width: "100%",
                height: "400px",
                legend: { element: "lineLegend" },
                title: "Population per Country",
                subtitle: "A comparision of population in 1995 and 2005",
                dataSource: data,
                axes: [
                    {
                        name: "NameAxis",
                        type: "categoryX",
                        label: "CountryName"
                    },
                    {
                        name: "PopulationAxis",
                        type: "numericY"
                    }
                ],
                series: [
                    {
                        name: "2005Population",
                        type: "line",
                        title: "2005",
                        xAxis: "NameAxis",
                        yAxis: "PopulationAxis",
                        valueMemberPath: "Pop2005",
                        isHighlightingEnabled: true,
                        highlightingTransitionDuration: 500
                    }
                ]
            });
    });
</script>

//Get
var series = $(".selector").igDataChart("option", "series");
series[0].highlightingTransitionDuration;

//Set
$(".selector").igDataChart("option", "series", 
        [{
            name: "2005Population",
            type: "line",
            title: "2005",
            xAxis: "NameAxis",
            yAxis: "PopulationAxis",
            valueMemberPath: "Pop2005",
            highlightingTransitionDuration: 500
        }]
    );
    

現在の Chart の水平ズーム可否を取得または設定します。このオプションは非推奨です。代わりに isHorizontalZoomEnabled を使用してください。

		//	Initialization
		$(".selector").igDataChart({
                horizontalZoomable: true
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "horizontalZoomable");
		
		//	Set
		$(".selector").igDataChart("option", "horizontalZoomable", true);
	  

現在の Chart の水平ズーム可否を取得または設定します。

要求された方向へコントロールをパンニングできない場合、シリーズ ビューアーがページのパンニングを許可するかどうかを取得または設定します。

		//	Initialization
		$(".selector").igDataChart({
                isPagePanningAllowed: true
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "isPagePanningAllowed");
		
		//	Set
		$(".selector").igDataChart("option", "isPagePanningAllowed", true);
	  

チャートで四角の縦横比を使用するかどうかを取得または設定します。極座標およびラジアル チャートで true にロックされます。

		//	Initialization
		$(".selector").igDataChart({
                isSquare: true
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "isSquare");
		
		//	Set
		$(".selector").igDataChart("option", "isSquare", true);
	  

True に設定すると、プロット画面との操作を無効にします。

//	Initialization
$(".selector").igDataChart({
    isSurfaceInteractionDisabled: true
});
		
//	Get
var opValue = $(".selector").igDataChart("option", "isSurfaceInteractionDisabled");
		
//	Set
$(".selector").igDataChart("option", "isSurfaceInteractionDisabled", true);

現在の Chart の垂直ズーム可否を取得または設定します。

ウィジェットのロケール言語設定を取得または設定します。

 
					//Initialize
				$(".selector").igDataChart({
					language: "ja"
				});

				// Get
				var language = $(".selector").igDataChart("option", "language");

				// Set
				$(".selector").igDataChart("option", "language", "ja");
			 

キャンバスでチャート コンテンツの周囲で使用する左余白を取得または設定します。

 
        //Initialize
        $(".selector").igDataChart({
            leftMargin : 20
        });
        
        //Get
        var margin = $(".selector").igDataChart("option", "leftMargin");
        
        //Set
        $(".selector").igDataChart("option", "leftMargin", 20); 

$.ig.ChartLegend が受け入れる有効なオプションまたは $.ig.ChartLegend 自体のインスタンスが可能です。

// Initialize
$(".selector").igDataChart({
    legend: { 
        element: 'legend', 
        type: 'legend'
    }
});

// Get
var legend = $(".selector").igDataChart("option", "legend");

// Set
$(".selector").igDataChart("option", "legend", { 
    element: 'legend', 
    type: 'legend'
});
      

• element

  タイプ:

  string

  デフォルト:

  null

  凡例に変更する要素の名前。

  コード サンプル

  // Initialize
  $(".selector").igDataChart({
  	  legend: { 
          element: "legend", 
          type: "legend"
      }
  });
  
  // Get
  var legend = $(".selector").igDataChart("option", "legend");
  legend.element;
            

• height

  タイプ:

  enumeration

  デフォルト:

  null

  凡例の高さ。null の場合、他の高さが定義されていないときにデータにフィットするように垂直方向に伸びます。

  メンバー

  • null
  • タイプ:object

  • string
  • ウィジェットの高さはピクセル (px) およびパーセント (%) で設定できます (%)。
  • number
  • 幅の高さは数値 (25) として設定できます。

  コード サンプル

    
  // Initialize
  $(".selector").igDataChart({
  	  legend: { 
          element: "legend", 
          type: "legend", 
          height: "100px"
      }
  });
  
  // Get
  var legend = $(".selector").igDataChart("option", "legend");
  legend.height;
            

• type

  タイプ:

  enumeration

  デフォルト:

  legend

  凡例のタイプ。

  メンバー

  • item
  • タイプ:string
  • 凡例を項目の凡例として指定します。igPieChart コントロール内の各パイに対して凡例の項目を表示します。
  • legend
  • タイプ:string
  • 凡例を凡例として指定します。これは、igDataChart コントロールのすべてのタイプのシリーズによってサポートされます。

  コード サンプル

    
  // Initialize
  $(".selector").igDataChart({
  	  legend: { 
          element: "legend", 
          type: "legend"
      }
  });
  
  // Get
  var legend = $(".selector").igDataChart("option", "legend");
  legend.type;
            

• width

  タイプ:

  enumeration

  デフォルト:

  null

  凡例の幅。

  メンバー

  • null
  • タイプ:object
  • 他の幅が定義されていない場合、データがフィットするよう伸縮します。

  • string
  • ウィジェットの幅はピクセル (px) およびパーセント (%) で設定できます (%)。
  • number
  • ウィジェット幅は数値として設定できます。

  コード サンプル

    
  // Initialize
  $(".selector").igDataChart({
  	  legend: { 
          element: "legend", 
          type: "legend", 
          width: "100px"
      }
  });
  
  //Get
  var legend = $(".selector").igDataChart("option", "legend");
  legend.width;
            

ウィジェットのロケール設定を取得または設定します。

 
					//Initialize
				$(".selector").igDataChart({
					locale: {}
				});

				// Get
				var locale = $(".selector").igDataChart("option", "locale");

				// Set
				$(".selector").igDataChart("option", "locale", {});
			 

MarkerBrushes プロパティを取得または設定します。
マーカー ブラシ プロパティは自動的に割り当てられるマーカー ブラシを選択するパレットを定義します。
提供された値は、css 色文字列の配列である必要があります。最初の要素は、コレクションの補間モードを指定する RGB または HSV の文字列に設定するオプションがあります。

		//	Initialization
		$(".selector").igDataChart({
                markerBrushes: [ "#ff0000", "#ffff00", "#00ffff" ]
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "markerBrushes");
		
		//	Set
		$(".selector").igDataChart("option", "markerBrushes", [ "#ff0000", "#ffff00", "#00ffff" ]);
	  

MarkerOutlines プロパティを取得または設定します。
マーカー アウトライン プロパティは自動的に割り当てられるマーカー アウトラインを選択するパレットを定義します。
提供された値は、css 色文字列の配列である必要があります。最初の要素は、コレクションの補間モードを指定する RGB または HSV の文字列に設定するオプションがあります。

		//	Initialization
		$(".selector").igDataChart({
                markerOutlines: [ "#ff0000", "#ffff00", "#00ffff" ]
            });
		
		//	Get
		var markerOutlines = $(".selector").igDataChart("option", "markerOutlines");
		
		//	Set
		$(".selector").igDataChart("option", "markerOutlines", [ "#ff0000", "#ffff00", "#00ffff" ]);
      

Outlines プロパティを取得または設定します。
自動的に割り当てられる categorySeries の輪郭線の選択元のパレットは、輪郭線プロパティで定義します。
提供された値は、css 色文字列の配列である必要があります。最初の要素は、コレクションの補間モードを指定する RGB または HSV の文字列に設定するオプションがあります。

		//	Initialization
		$(".selector").igDataChart({
                outlines: [ "#ff0000", "#ffff00", "#00ffff" ]
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "outlines");
		
		//	Set
		$(".selector").igDataChart("option", "outlines", [ "#ff0000", "#ffff00", "#00ffff" ]);
	  

OverviewPlusDetailPane の表示/非表示。

		//	Initialization
		$(".selector").igDataChart({
                overviewPlusDetailPaneVisibility: "visible"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "overviewPlusDetailPaneVisibility");
		
		//	Set
		$(".selector").igDataChart("option", "overviewPlusDetailPaneVisibility", "visible");
	  

現在の Chart の PanModifier プロパティを取得または設定します。

		//	Initialization
		$(".selector").igDataChart({
                panModifier: "control"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "panModifier");
		
		//	Set
		$(".selector").igDataChart("option", "panModifier", "control");
	  

チャート上の五角形マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
pentagon のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    pentagonMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

チャート上のペンタグラム マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
pentagram のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    pentagramMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

スケール変換を適用するためにメイン キャンバスの描画コンテキストにより使用されるスケール値を取得または設定します。

 
//Initialize
$(".selector").igDataChart({
    pixelScalingRatio: 2
});

//Get
var pixelScalingRatio = $(".selector").igDataChart("option", "pixelScalingRatio");
//Set
$(".selector").igDataChart("option", "pixelScalingRatio", 2);
      

現在の Chart オブジェクトのプロット領域の背景として使用するブラシを取得または設定します。

  
//Initialize
$(".selector").igDataChart({
    plotAreaBackground: "grey"
});

//Get
var plotAreaBackground = $(".selector").igDataChart("option", "plotAreaBackground");
//Set
var plotAreaBackground = $(".selector").igDataChart("option", "plotAreaBackground", "grey");
      

タイル ズーム時にシリーズ ビューアーがより高い解像度のタイルに適しているかどうかを設定します。これを true に設定すると、パフォーマンスは低下しますが描画品質が高まります。

 
//Initialize
$(".selector").igDataChart({
    preferHigherResolutionTiles: true
});

//Get
var preferHigherRes= $(".selector").igDataChart("option", "preferHigherResolutionTiles");

//Set
$(".selector").igDataChart("option", "preferHigherResolutionTiles", true);
      

プレビュー矩形を設定または取得します。
プレビュー矩形は Rect.Empty に設定することができます。その場合、表示されているプレビューの
strokePath は非表示になります。
提供されたオブジェクトは、left、top、width および height と呼ばれる数値プロパティを持っている必要があります。

// Initialization
$(".selector").igDataChart({
    previewRect: {
        left: 0.3,
        top: 0.3,
        width: 0.5,
        height: 0.5
    }
});
		
// Get
var previewRect = $(".selector").igDataChart("option", "previewRect");
		
// Set
$(".selector").igDataChart("option", "previewRect", {
    left: 0.3,
    top: 0.3,
    width: 0.5,
    height: 0.5
});
	  

チャート上のピラミッド マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
pyramid のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    pyramidMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

ウィジェットの領域設定を取得または設定します。

 
				//Initialize
				$(".selector").igDataChart({
					regional: "ja"
				});
				// Get
				var regional = $(".selector").igDataChart("option", "regional");
				// Set
				$(".selector").igDataChart("option", "regional", "ja");
			 

$.ig.DataSource を参照してください。応答がラップされる場合に、データ レコードが保持されるプロパティの名前を指定します。

  
// Initialize
$(".selector").igDataChart({
    responseDataKey: "Records"
});

// Get
var responseDataKey = $(".selector").igDataChart("option", "responseDataKey");
// Set
var responseDataKey = $(".selector").igDataChart("option", "responseDataKey", "Records");
      

キャンバスでチャート コンテンツの周囲で使用する右余白を取得または設定します。

 
        //Initialize
        $(".selector").igDataChart({
            rightMargin : 20
        });
        
        //Get
        var margin = $(".selector").igDataChart("option", "rightMargin");
        
        //Set
        $(".selector").igDataChart("option", "rightMargin", 20); 

シリーズ オブジェクトの配列。

// Initialization
var data = [{ "Label": "1/1/2012", "Item1": 980, "Item2": 1000 }, { "Label": "1/2/2012", "Item1": 1200, "Item2": 1500 }];

$(".selector").igDataChart({
    axes: [{
        name: "xAxis",
        type: "categoryX",
        dataSource: data,
        label: "Label"
    }, {
        name: "yAxis",
        type: "numericY"
    }],
    series: [{
        name: "series1",
        dataSource: data,
        title: "Price Series 1",
        type: "column",
        xAxis: "xAxis",
        yAxis: "yAxis",
        valueMemberPath: "Item1"
    }]
});

// Get
var series = $(".selector").igDataChart("option", "series");
series[0];

// Set
$(".selector").igDataChart("series", 
    [{
        name: "series2",
        dataSource: data,
        title: "Price Series 2",
        type: "column",
        xAxis: "xAxis",
        yAxis: "yAxis",
        valueMemberPath: "Item1"
    }]
);
	  

• angleAxis

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの有効な角度軸を取得します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
      axes: [{
          name: "angleAxis",
          type: "categoryAngle",
          label: "Label"
      }, {
          name: "radiusAxis",
          type: "numericRadius"
      }],
      series: [{
          name: "series1",
          dataSource: data,
          title: "Budget",
          type: "radialLine",
          angleAxis: "angleAxis",
          valueAxis: "radiusAxis",
          valueMemberPath: "Budget",
      }]
  });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].angleAxis;
  
  // Set
  var series = $(".selector").igDataChart("option",
      [{
          name: "series1",
          dataSource: data,
          title: "Budget",
          type: "radialLine",
          angleAxis: "angleAxis",
          valueAxis: "radiusAxis",
          valueMemberPath: "Budget",
      }]
  );
            

• angleMemberPath

  タイプ:

  number

  デフォルト:

  null

  列の角を丸めるために使用される楕円の x 半径を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "angleAxis",
              type: "numericAngle"
          },
          {
              name: "radiusAxis",
              type: "numericRadius"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radiusAxis: "radiusAxis",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].angleMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radiusAxis: "radiusAxis",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }]
      );
            

• areaFillOpacity

  タイプ:

  number

  デフォルト:

  1.0

  シリーズの領域塗りつぶし図形に適用する不透明度修飾子を取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "area",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              areaFillOpacity: 0.8
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].areaFillOpacity;
  
  // Set
  $(".selector").igDataChart("series", 
          [{
              name: "series1",
              areaFillOpacity: 0.8
          }]
      );
            

• bandHighlightWidth

  タイプ:

  number

  デフォルト:

  10.0

  グリッド 系列(ライン、スプラインなど) の項目をバンド図形で強調表示する場合に、強調表示領域に使用する幅を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              bandHighlightWidth: 5.0
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].bandHighlightWidth;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              bandHighlightWidth: 5.0
          }]
      );
            

• brush

  タイプ:

  string

  デフォルト:

  null

  シリーズに使用するブラシを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              brush: "blue"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].brush;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              brush: "blue"
          }]
      );
            

• clipSeriesToBounds

  タイプ:

  bool

  デフォルト:

  null

  シリーズを境界線でクリップするかどうかを設定または取得します。
  これを true に設定するとパフォーマンスに影響を及ぼします。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              clipSeriesToBounds: true
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].clipSeriesToBounds;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              clipSeriesToBounds: true
          }]
      );
            

• closeMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの終値マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].closeMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      );
            

• coercionMethods

  タイプ:

  object

  デフォルト:

  null

  データ ソースからデータを読み込むときに使用する強制メソッドを取得または設定します。
  使用する場合、メンバー パスを設定する前に指定します。後に設定する場合、
  チャートにデータを再インポートしません。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryDateTimeX",
              dataSource: data,
              label: "Date"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "line",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value!roundTo50",
              coercionMethods: {
                  roundTo100: function (val) {
                      var newVal = Math.round(val / 100) <dependency>100;
                      return newVal;
                  }
              }
          }]
      });
            

• consolidatedColumnVerticalPosition

  タイプ:

  enumeration

  デフォルト:

  median

  単一の視覚要素に統合されたデータ項目の配置ロジックを決定するための値を取得または設定します。

  メンバー

  • maximum
  • タイプ:string
  • 統合された項目は最大値を使用して配置されます。
  • minimum
  • タイプ:string
  • 統合された項目は最小値を使用して配置されます。
  • median
  • タイプ:string
  • 統合された項目は中央値を使用して配置されます。
  • relativeMinimum
  • タイプ:string
  • 統合された項目は相対する軸の参照値に一番近い値を使用して配置されます。
  • relativeMaximum
  • タイプ:string
  • 統合された項目は相対する軸の参照値に一番遠い値を使用して配置されます。

  コード サンプル

            $(".selector").igDataChart({
              axes: [{
                  name: "xAxis",
                  type: "categoryX",
              }, {
                  name: "yAxis",
                  type: "numericY"
              }],
              series: [{
                  name: "series1",
                  type: "column",
                  xAxis: "xAxis",
                  yAxis: "yAxis",
                  consolidatedColumnVerticalPosition: "maximum"
              }]
          });
            

• cursorPosition

  タイプ:

  object

  デフォルト:

  null

  このレイヤーで注釈を表示するために、現在のマウス カーソルの位置の代わりに使用するカーソル位置を設定します。
  0 ~ 1 のワールド座標で x および y プロパティを含むオブジェクトです。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  name: "crosshairLayer",
                  title: "crosshair",
                  type: "crosshairLayer",
                  cursorPosition: {x:0.5 , y:0.5}
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].cursorPosition;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "crosshairLayer",
              title: "crosshair",
              type: "crosshairLayer",
              cursorPosition: {x:0.5 , y:0.5}
          }]
      );  
      

• dataSource

  タイプ:

  object

  デフォルト:

  null

  $.ig.DataSource が受け入れる有効なデータ ソースまたは $.ig.DataSource 自体のインスタンスが可能です。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].dataSource;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      );
            

• dataSourceType

  タイプ:

  string

  デフォルト:

  null

  データ ソースのタイプ ("json" など) を明示的に設定します。$.ig.DataSource とそのタイプ プロパティのドキュメントを参照してください。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              dataSourceType: "json",
              title: "Price",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1"
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].dataSourceType;
  
  // Set
  $(".selector").igDataChart("option", "series", 
      [{
          name: "series1",
          dataSource: data,
          dataSourceType: "json",
          title: "Price",
          type: "column",
          xAxis: "xAxis",
          yAxis: "yAxis",
          valueMemberPath: "Item1"
      }]
  );
            

• dataSourceUrl

  タイプ:

  string

  デフォルト:

  null

  $.ig.DataSource からデータを要求するには、$.ig.DataSource により承諾されたリモート URL を指定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSourceUrl: "http://www.example.com/price-data",
              dataSourceType: "json",
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].dataSource;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSourceUrl: "http://www.example.com/price-data",
              dataSourceType: "json",
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      );
            

• discreteLegendItemTemplate

  タイプ:

  object

  デフォルト:

  null

  DiscreteLegendItemTemplate プロパティを取得または設定します。
  凡例項目コントロール コンテンツは、DiscreteLegendItemTemplate に従って、シリーズ オブジェクト自身によって
  オンデマンドで作成されます。
  提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              discreteLegendItemTemplate: {
                  measure: function(measureInfo) {
                      measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
                      measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
                      measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
                      measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
                      measureInfo.data;       // if present, represents the contextual data for this template]
                  },
                  render: function (renderInfo) {
                      renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
                      renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
                      renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
                      renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
                      renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
                      renderInfo.data;               //    if present, specifies the data that is in context for this content
                      renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
                  }
              }
          }]
      });
            

• displayType

  タイプ:

  enumeration

  デフォルト:

  candlestick

  現在の FinancialIndicator オブジェクトの表示を取得または設定します。

  メンバー

  • candlestick
  • タイプ:string
  • 価格を日本のろうそくとして表示します。
  • OHLC
  • タイプ:string
  • 価格を OHLC バーとして表示します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
      axes: [{
          name: "xAxis",
          type: "categoryX",
          dataSource: data,
          label: "Label"
      }, {
          name: "yAxis",
          type: "numericY"
      }],
      series: [{
          name: "series1",
          dataSource: data,
          title: "Price",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          type: "averageTrueRangeIndicator",
          displayType: "area"
      }]
  });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].displayType;
  
  // Set
  $(".selector").igDataChart("option", "series", 
      [{
          name: "series1",
          dataSource: data,
          title: "Price",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          type: "averageTrueRangeIndicator",
          displayType: "area"
      }]
  );
            

• expectFunctions

  タイプ:

  bool

  デフォルト:

  false

  値を取得するために、シリーズのデータ ソース メンバーが関数として呼び出す必要があるかどうかを取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "area",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              expectFunctions: false
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].expectFunctions;
  
  // Set
  $(".selector").igDataChart("series", 
          [{
              name: "series1",
              expectFunctions: false
          }]
      );
            

• fillMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの塗りつぶしマッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].fillMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2"
          }]
      );
            

• fillScale

  タイプ:

  object

  デフォルト:

  null

  マーカー ブラシのブラシ スケールを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2",
              fillScale: {
                        type: "value",
                        brushes: ["red", "blue"],
                        minimumValue: 0,
                        maximumValue: 20
                    }
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].fillScale;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2",
              fillScale: {
                        type: "value",
                        brushes: ["red", "blue"],
                        minimumValue: 0,
                        maximumValue: 20
                    }
          }]
      );
            

• heatMaximum

  タイプ:

  number

  デフォルト:

  50

  最高熱色にマップする値を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
      series: [{
          name: "series1",
  	      type: "highDensityScatter",
  	      xAxis: "xAxis",
  	      yAxis: "yAxis",
  	      xMemberPath: "Index",
  	      yMemberPath: "Value1",
          heatMaximum: 100
      }]
  });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].heatMaximum;
  
  //Set
  $(".selector").igDataChart("option", "series", [{
      name: "series1",
  	  type: "highDensityScatter",
  	  xAxis: "xAxis",
  	  yAxis: "yAxis",
  	  xMemberPath: "Index",
  	  yMemberPath: "Value1"
      heatMaximum: 100
  }]);
            

• heatMaximumColor

  タイプ:

  object

  デフォルト:

  red

  密度スケールに使用する最大ヒート色を取得または設定します。

  コード サンプル

   
            // Initialization
  $(".selector").igDataChart({
      series: [{
          name: "series1",
  	      type: "highDensityScatter",
  	      xAxis: "xAxis",
  	      yAxis: "yAxis",
  	      xMemberPath: "Index",
  	      yMemberPath: "Value1",
          heatMaximumColor: "red"
      }]
  });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].heatMaximumColor;
  
  // Set
  $(".selector").igDataChart("option", "series", [{
      name: "series1",
  	  type: "highDensityScatter",
  	  xAxis: "xAxis",
  	  yAxis: "yAxis",
  	  xMemberPath: "Index",
  	  yMemberPath: "Value1",
      heatMaximumColor: "red"
  }]);

• heatMinimum

  タイプ:

  number

  デフォルト:

  0

  最低熱色にマップする密度値を取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
      series: [{
          name: "series1",
  	      type: "highDensityScatter",
  	      xAxis: "xAxis",
  	      yAxis: "yAxis",
  	      xMemberPath: "Index",
  	      yMemberPath: "Value1",
          heatMinimum: 5
      }]
  });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].heatMinimum;
  
  // Set
  $(".selector").igDataChart("option", "series", [{
      name: "series1",
  	  type: "highDensityScatter",
  	  xAxis: "xAxis",
  	  yAxis: "yAxis",
  	  xMemberPath: "Index",
  	  yMemberPath: "Value1",
      heatMinimum: 5
  }]);
            

• heatMinimumColor

  タイプ:

  object

  デフォルト:

  black

  密度スケールに使用する最小ヒート色を取得または設定します。

  コード サンプル

   
            // Initialization
  $(".selector").igDataChart({
      series: [{
          name: "series1",
  	      type: "highDensityScatter",
  	      xAxis: "xAxis",
  	      yAxis: "yAxis",
  	      xMemberPath: "Index",
  	      yMemberPath: "Value1",
          heatMinimumColor: "black"
      }]
  });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].heatMinimumColor;
  
  // Set
  $(".selector").igDataChart("option", "series", [{
      name: "series1",
  	  type: "highDensityScatter",
  	  xAxis: "xAxis",
  	  yAxis: "yAxis",
  	  xMemberPath: "Index",
  	  yMemberPath: "Value1",
      heatMinimumColor: "black"
  }]);
  

• highlightType

  タイプ:

  enumeration

  デフォルト:

  auto

  項目の強調表示に使用する強調表示の図形タイプを取得または設定します。

  メンバー

  • auto
  • タイプ:string
  • この系列に自動強調表示タイプを使用します。
  • marker
  • タイプ:string
  • この系列にマーカー強調表示タイプを使用します。
  • shape
  • タイプ:string
  • この系列に図形強調表示タイプを使用します。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
                  width: "100%",
                  height: "400px",
                  legend: { element: "lineLegend" },
                  title: "Population per Country",
                  subtitle: "A comparision of population in 1995 and 2005",
                  dataSource: data,
                  axes: [
                      {
                          name: "NameAxis",
                          type: "categoryX",
                          label: "CountryName"
                      },
                      {
                          name: "PopulationAxis",
                          type: "numericY"
                      }
                  ],
                  series: [
                      {
                          name: "2005Population",
                          type: "line",
                          title: "2005",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop2005",
                          isHighlightingEnabled: true,
                          highlightType: "marker"
                      }
                  ]
              });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].highlightType;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "2005Population",
              type: "line",
              title: "2005",
              xAxis: "NameAxis",
              yAxis: "PopulationAxis",
              valueMemberPath: "Pop2005",
              isHighlightingEnabled: true,
              highlightType: "marker"
          }]
      );
      

• highMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの値マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].highMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      );
            

• hitTestMode

  タイプ:

  enumeration

  デフォルト:

  auto

  シリーズが使用するヒット テストのタイプを取得または設定します。

  メンバー

  • auto
  • タイプ:string
  • シリーズの適切なヒット テスト モードを自動的に決定します。
  • computational
  • タイプ:string
  • シリーズがヒットされたかどうかを決定するために計算に基づく方法を使用します。これはゆるやかな境界ボックスを使用し、ヒットを検索する時間計算量の範囲は O(1) から O(log n) までです。色エンコードと比較してフレームの描画時間を減少させます。
  • colorEncoded
  • タイプ:string
  • 色エンコードされた画面に表示されていないバッファーを使用してヒット テストを実行します。色バッファーでアンチエイリアシングを無効にできないため、間違ったシリーズがヒットする誤検知の可能性はとても低く、ヒット シリーズの決定時間はいつも O(1) 時間です。ただし、フレームの描画時間が長くなります。ヒット テストでパフォーマンスの低下がある場合、この方法を使用できます。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "area",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              hitTestMode: auto
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].hitTestMode;
  
  // Set
  $(".selector").igDataChart("series", 
          [{
              name: "series1",
              hitTestMode: false
          }]
      );
            

• horizontalLineVisibility

  タイプ:

  enumeration

  デフォルト:

  visible

  レイヤーの水平十字ポインター部分が表示されるかどうかを取得または設定します。

  メンバー

  • visible
  • タイプ:string
  • レイヤーの水平十字ポインター部分が表示されます。
  • collapsed
  • タイプ:string
  • レイヤーの水平十字ポインター部分が非表示になります。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "column",
                  name: "2005Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop2005"
              },            {
                  type: "line",
                  name: "1995Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop1995"
              },            {
                  type: "crosshairLayer",
                  name: "crosshairLayer",
                  title: "crosshair",
                  useInterpolation: false,
                  transitionDuration: 500,                
                  targetSeries: "2005Population",
                  horizontalLineVisibility: "visible"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[2].horizontalLineVisibilty;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "crosshairLayer",
              title: "crosshair",
              type: "crosshairLayer",
              horizontalLineVisiblity: "visible"
          }]
      );
      

• ignoreFirst

  タイプ:

  number

  デフォルト:

  0

  インジケータの開始を非表示にするための値の数を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              ignoreFirst: 2
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].ignoreFirst;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              ignoreFirst: 2
          }]
      );
            

• isCustomCategoryMarkerStyleAllowed

  タイプ:

  bool

  デフォルト:

  false

  カスタム カテゴリ マーカー スタイルが許可されるかどうかを取得または設定します。True に設定すると、提供されている場合に assigningCategoryMarkerStyle イベントを発生します。

  コード サンプル

   
  //Initialization
  <script type="text/javascript">
        $(function () {
              $("#chart").igDataChart({
                dataSource: data,
                axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
                }, {
                type: "numericY",
                name: "PopulationAxis",
              }],
              series: [{
                  type: "categoryHighlightLayer",
                  name: "categoryHighlightLayer",
                  title: "categoryHighlight",
                  useInterpolation: false,
                  transitionDuration: 500,                
                  targetSeries: "2005Population",
                  isCustomCategoryMarkerStyleAllowed: "true"
                }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].isCustomCategoryMarkerStyleAllowed;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              type: "categoryHighlightLayer",
              name: "categoryHighlightLayer",
              title: "categoryHighlight",
              isCustomCategoryMarkerStyleAllowed: "true"
          }]
      );  
     

• isCustomCategoryStyleAllowed

  タイプ:

  bool

  デフォルト:

  false

  カスタム カテゴリ スタイルが許可されるかどうかを取得または設定します。True に設定すると、提供されている場合に assigningCategoryStyle イベントを発生します。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "categoryHighlightLayer",
                  name: "categoryHighlightLayer",
                  title: "categoryHighlight",
                  useInterpolation: false,
                  transitionDuration: 500,                
                  targetSeries: "2005Population",
                  isCustomCategoryStyleAllowed: "true"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].isCustomCategoryStyleAllowed;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "crosshairLayer",
              title: "crosshair",
              type: "crosshairLayer",
              isCustomCategoryStyleAllowed: "true"
          }]
      );  

• isDefaultCrosshairDisabled

  タイプ:

  bool

  デフォルト:

  true

  このレイヤーがチャートのデフォルト十時線動作を無効にするかどうかを設定します。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "categoryHighlightLayer",
                  name: "categoryHighlightLayer",
                  title: "categoryHighlight",
                  isDefaultCrosshairDisabled: "true"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].isDefaultCrosshairDisabled;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
             type: "categoryHighlightLayer",
             name: "categoryHighlightLayer",
             title: "categoryHighlight",
             isDefaultCrosshairDisabled: "true"
          }]
      );  
      

• isDropShadowEnabled

  タイプ:

  bool

  デフォルト:

  false

  ドロップ シャドウがこの系列で有効かどうかを取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              isDropShadowEnabled: true
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].isDropShadowEnabled;
  
  // Set
  $(".selector").igDataChart("series", 
          [{
              name: "series1",
              isDropShadowEnabled: true
          }]
      );
            

• isHighlightingEnabled

  タイプ:

  bool

  デフォルト:

  false

  サポートされる場合、この系列の強調表示を有効にするかどうかを取得または設定します。

  コード サンプル

     
          //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
                  dataSource: data,
                  axes: [
                      {
                          name: "NameAxis",
                          type: "categoryX",
                          label: "CountryName"
                      },
                      {
                          name: "PopulationAxis",
                          type: "numericY",
                          minimumValue: 0
                      }
                  ],
                  series: [
                      {
                          name: "2005Population",
                          type: "line",
                          title: "2005",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop2005",
                          isHighlightingEnabled: true
                      },
                      {
                          name: "1995Population",
                          type: "line",
                          title: "1995",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop1995",
                          isHighlightingEnabled: true
                      }
                  ]
              });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].isHighlightingEnabled;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "2005Population",
              type: "line",
              title: "2005",
              xAxis: "NameAxis",
              yAxis: "PopulationAxis",
              valueMemberPath: "Pop2005",
              isHighlightingEnabled: true
          }]
      );
      
            

• isTransitionInEnabled

  タイプ:

  bool

  デフォルト:

  false

  データ ソースが割り当てられたときに、系列がトランジションのアニメーションを再生するかどうかを取得または設定します。注: トランジションは積層型シリーズでサポートされていません。

  コード サンプル

   
            
          //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
                  dataSource: data,
                  axes: [
                      {
                          name: "NameAxis",
                          type: "categoryX",
                          label: "CountryName"
                      },
                      {
                          name: "PopulationAxis",
                          type: "numericY",
                       }
                  ],
                  series: [
                      {
                          name: "2005Population",
                          type: "line",
                          title: "2005",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop2005",
                          isTransitionInEnabled: true
                      },
                      {
                          name: "1995Population",
                          type: "line",
                          title: "1995",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop1995",
                          isTransitionInEnabled: true
                      }
                  ]
              });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].isTransitionInEnabled;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "2005Population",
              type: "line",
              title: "2005",
              xAxis: "NameAxis",
              yAxis: "PopulationAxis",
              valueMemberPath: "Pop2005",
              isTransitionInEnabled: true
          }]
      );
            

• labelMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトのラベル マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].labelMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2"
          }]
      );
            

• legend

  タイプ:

  object

  デフォルト:

  {}

  $.ig.ChartLegend が受け入れる有効なオプションまたは $.ig.ChartLegend 自体のインスタンスが可能です。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              legend: { element: "legend", type: "legend" }
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].legend;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              legend: { element: "legend", type: "legend" }
          }]
      );
            

  • element

    タイプ:

    string

    デフォルト:

    null

    凡例に変更する要素の名前。

    コード サンプル

    //Initialization
    $(".selector").igDataChart({
            axes: [{
                name: "xAxis",
                type: "numericX"
            }, {
                name: "yAxis",
                type: "numericY"
            }],
            series: [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend" }
            }]
        });
    
    //Get
    var series = $(".selector").igDataChart("option", "series");
    series[0].legend.element;
    
    //Set
    $(".selector").igDataChart("option", "series", 
            [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend" }
            }]
        );
              

  • height

    タイプ:

    enumeration

    デフォルト:

    null

    凡例の高さ。null の場合、他の高さが定義されていないときにデータにフィットするように垂直方向に伸びます。

    メンバー

    • null
    • タイプ:object

    • string
    • ウィジェットの高さはピクセル (px) およびパーセント (%) で設定できます (%)。
    • number
    • 幅の高さは数値 (25) として設定できます。

    コード サンプル

    //Initialization
    $(".selector").igDataChart({
            axes: [{
                name: "xAxis",
                type: "numericX"
            }, {
                name: "yAxis",
                type: "numericY"
            }],
            series: [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend", height: "90px" }
            }]
        });
    
    //Get
    var series = $(".selector").igDataChart("option", "series");
    series[0].legend.height;
    
    //Set
    $(".selector").igDataChart("option", "series", 
            [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend", height: "90px" }
            }]
        );
              

  • type

    タイプ:

    enumeration

    デフォルト:

    legend

    凡例のタイプ。

    メンバー

    • item
    • タイプ:string
    • 凡例を項目の凡例として指定します。igPieChart コントロール内の各パイに対して凡例の項目を表示します。
    • legend
    • タイプ:string
    • 凡例を凡例として指定します。これは、igDataChart コントロールのすべてのタイプのシリーズによってサポートされます。

    コード サンプル

    //Initialization
    $(".selector").igDataChart({
            axes: [{
                name: "xAxis",
                type: "numericX"
            }, {
                name: "yAxis",
                type: "numericY"
            }],
            series: [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend" }
            }]
        });
    
    //Get
    var series = $(".selector").igDataChart("option", "series");
    series[0].legend.type;
    
    //Set
    $(".selector").igDataChart("option", "series", 
            [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend" }
            }]
        );
              

  • width

    タイプ:

    enumeration

    デフォルト:

    null

    凡例の幅。

    メンバー

    • null
    • タイプ:object
    • 他の幅が定義されていない場合、データがフィットするよう伸縮します。

    • string
    • ウィジェットの幅はピクセル (px) およびパーセント (%) で設定できます (%)。
    • number
    • ウィジェット幅は数値として設定できます。

    コード サンプル

    //Initialization
    $(".selector").igDataChart({
            axes: [{
                name: "xAxis",
                type: "numericX"
            }, {
                name: "yAxis",
                type: "numericY"
            }],
            series: [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend", width: "90px" }
            }]
        });
    
    //Get
    var series = $(".selector").igDataChart("option", "series");
    series[0].legend.width;
    
    //Set
    $(".selector").igDataChart("option", "series", 
            [{
                name: "series1",
                type: "scatter",
                xAxis: "xAxis",
                yAxis: "yAxis",
                xMemberPath: "Index",
                yMemberPath: "Value1",
                legend: { element: "legend", type: "legend", width: "90px" }
            }]
        );
              

• legendItemBadgeTemplate

  タイプ:

  object

  デフォルト:

  null

  LegendItemBadgeTemplate プロパティを取得または設定します。
  凡例項目バッジは、LegendItemBadgeTemplate に従って、シリーズ オブジェクト自身によってオンデマンドで作成されます。
  オンデマンドで作成されます。
  提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。
  これらはユーザー指定のカスタム描画を処理するために呼び出される関数です。
  measure は以下のようなオブジェクトを渡されます:
  {
  context: [特定のテンプレートのシナリオに基づいて DOM 要素または CanvasContext2D のいずれか],
  width: [値が存在する場合、使用可能な幅を指定します。ユーザーはコンテンツのために希望の幅を設定できます],
  height: [値が存在する場合、使用可能な高さを指定します。ユーザーはコンテンツのために希望の高さを設定できます],
  isConstant: [希望の幅と高さが常にこのテンプレートに対して同じである場合には、ユーザーは True に設定する必要があります],
  data: [存在する場合、このテンプレートのコンテキストでを表します]
  }
  render は以下のようなオブジェクトを渡されます:
  {
  context: [特定のテンプレートのシナリオに基づいて DOM 要素または CanvasContext2D のいずれか],
  xPosition: [存在する場合、コンテンツを描画する x 位置を指定します],
  yPosition: [存在する場合、コンテンツを描画する y 位置を指定します],
  availableWidth: [存在する場合、コンテンツを描画する使用可能な幅を指定します],
  availableHeight: [存在する場合、コンテンツを描画する使用可能な高さを指定します],
  data: [存在する場合、このコンテキストのためにコンテキストにあるデータを指定します],
  isHitTestRender: [true の場合、これがヒットテストのために特別な描画パスであることを指定します。この場合データからのブラシを使用する必要があります]
  }。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              legend: { element: "legend", type: "legend" },
              legendItemBadgeTemplate: {
                      measure: function(measureInfo) {
                          measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
                          measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
                          measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
                          measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
                          measureInfo.data;       // if present, represents the contextual data for this template]
                      },
                      render: function (renderInfo) {
                          renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
                          renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
                          renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
                          renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
                          renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
                          renderInfo.data;               //    if present, specifies the data that is in context for this content
                          renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
                      }
                  }
          }]
      });
            

• legendItemTemplate

  タイプ:

  object

  デフォルト:

  null

  LegendItemTemplate プロパティを取得または設定します。
  凡例項目コントロール コンテンツは、LegendItemTemplate に従って、シリーズ オブジェクト自身によってオンデマンドで作成されます。
  オンデマンドで作成されます。
  提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              legend: { element: "legend", type: "legend" },
              legendItemTemplate: {
                      measure: function(measureInfo) {
                          measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
                          measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
                          measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
                          measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
                          measureInfo.data;       // if present, represents the contextual data for this template]
                      },
                      render: function (renderInfo) {
                          renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
                          renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
                          renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
                          renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
                          renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
                          renderInfo.data;               //    if present, specifies the data that is in context for this content
                          renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
                      }
                  }
          }]
      });
            

• legendItemVisibility

  タイプ:

  enumeration

  デフォルト:

  visible

  現在のシリーズ オブジェクトの凡例項目の表示状態を取得または設定します。

  メンバー

  • visible
  • タイプ:string
  • 凡例項目を表示します。
  • collapsed
  • タイプ:string
  • 凡例項目を表示しません。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              legend: { element: "legend", type: "legend" },
              legendItemVisibility: "collapsed"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].legendItemVisibility;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              legend: { element: "legend", type: "legend" },
              legendItemVisibility: "collapsed"
          }]
      );
            

• longPeriod

  タイプ:

  number

  デフォルト:

  0

  現在の AbsoluteVolumeOscillatorIndicator オブジェクトの短い移動平均期間を取得または設定します。
  長い AVO 期間の一般的な値かつ初期値は 30 です。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "absoluteVolumeOscillatorIndicator",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              longPeriod: 15
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].longPeriod;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "absoluteVolumeOscillatorIndicator",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              longPeriod: 15
          }]
      );
            

• lowMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの値マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].lowMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      );
            

• markerBrush

  タイプ:

  string

  デフォルト:

  null

  現在の系列オブジェクトのマーカーの内部をペイントする方法を指定するブラシを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerBrush: "blue",
              markerType: "automatic"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].markerBrush;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerBrush: "blue",
              markerType: "automatic"
          }]
      );
            

• markerCollisionAvoidance

  タイプ:

  enumeration

  デフォルト:

  none

  MarkerCollisionAvoidance を取得または設定します。

  メンバー

  • none
  • タイプ:string
  • 競合回避がありません。
  • omit
  • タイプ:string
  • 競合するマーカーを表示しません。
  • fade
  • タイプ:string
  • 競合するマーカーの不透明度をフォードします。
  • omitAndShift
  • タイプ:string
  • 競合するマーカーを移動するか、表示しません。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerCollisionAvoidance: "fade",
              markerType: "automatic"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].markerCollisionAvoidance;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerCollisionAvoidance: "fade",
              markerType: "automatic"
          }]
      );
            

• markerOutline

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトのマーカーのアウトラインを塗りつぶす方法を指定するブラシを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerOutline: "black",
              markerType: "automatic"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].markerOutline;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerOutline: "black",
              markerType: "automatic"
          }]
      );
            

• markerTemplate

  タイプ:

  object

  デフォルト:

  null

  現在のシリーズ オブジェクトの MarkerTemplate を取得または設定します。
  提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerType: "automatic",
              markerTemplate: {
                      measure: function(measureInfo) {
                          measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
                          measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
                          measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
                          measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
                          measureInfo.data;       // if present, represents the contextual data for this template]
                      },
                      render: function (renderInfo) {
                          renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
                          renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
                          renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
                          renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
                          renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
                          renderInfo.data;               //    if present, specifies the data that is in context for this content
                          renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
                      }
                  }
          }]
      });
            

• markerType

  タイプ:

  enumeration

  デフォルト:

  none

  現在のシリーズ オブジェクトにマーカー タイプを取得または設定します。MarkerStyle プロパティが設定されると、MarkerStyle プロパティの設定は無視されます。

  メンバー

  • unset
  • タイプ:string
  • マーカーは設定されていません。
  • none
  • タイプ:string
  • markerItems なし。
  • automatic
  • タイプ:string
  • 自動マーカー形状。
  • circle
  • タイプ:string
  • 円形マーカー形状。
  • triangle
  • タイプ:string
  • 下向き三角形マーカー形状。
  • pyramid
  • タイプ:string
  • 上向き三角形マーカー形状。
  • square
  • タイプ:string
  • 四角形マーカー形状。
  • diamond
  • タイプ:string
  • 菱形マーカー形状。
  • pentagon
  • タイプ:string
  • 五角形マーカー形状。
  • hexagon
  • タイプ:string
  • 六角形マーカー形状。
  • tetragram
  • タイプ:string
  • 四角の星のマーカー形状。
  • pentagram
  • タイプ:string
  • 五角の星のマーカー形状。
  • hexagram
  • タイプ:string
  • 六角の星のマーカー形状。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerType: "automatic"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].markerType;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerType: "automatic"
          }]
      );
            

• maximumMarkers

  タイプ:

  number

  デフォルト:

  400

  現在の系列によって表示される markerItems の最大数を取得または設定します。
  指定した数を超える markerItems が表示されている場合、シリーズは代表的なセットを
  自動的に選択します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerType: "automatic",
              maximumMarkers: 100
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].maximumMarkers;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerType: "automatic",
              maximumMarkers: 100
          }]
      );
            

• mouseOverEnabled

  タイプ:

  bool

  デフォルト:

  false

  チャートがマウス移動イベントに反応するかどうかを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerType: "automatic",
              mouseOverEnabled: true
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].mouseOverEnabled;
  
  //Set
  $(".selector").igDataChart("option", "series", 
  	[{
  		name: "series1",
  		type: "scatter",
  		xAxis: "xAxis",
  		yAxis: "yAxis",
  		xMemberPath: "Index",
  		yMemberPath: "Value1",
  		markerType: "automatic",
  		mouseOverEnabled: true
  	}]
  );
            

• name

  タイプ:

  string

  デフォルト:

  null

  シリーズの一意の識別子。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].name;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      );
            

• negativeBrush

  タイプ:

  string

  デフォルト:

  null

  系列の負の領域を描画するブラシを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              negativeBrush: "red"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].negativeBrush;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              negativeBrush: "red"
          }]
      );
            

• openMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの始値マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].openMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      );
            

• outline

  タイプ:

  string

  デフォルト:

  null

  シリーズのアウトラインを描画するブラシを取得または設定します。
  LineSeries など、一部の Series タイプでは、輪郭が表示されません。そのため、このプロパティは一部のチャートに影響を与えません。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              outline: "black"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].outline;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              outline: "black"
          }]
      );
            

• period

  タイプ:

  number

  デフォルト:

  0

  現在の AverageDirectionalIndexIndicator オブジェクトの移動平均期間を取得または設定します。
  AverageDirectionalIndexIndicator 期間の一般的な値かつ初期値は 14 です。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "averageDirectionalIndexIndicator",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              period: 7
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].period;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "averageDirectionalIndexIndicator",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              period: 7
          }]
      );
            

• progressiveLoad

  タイプ:

  bool

  デフォルト:

  true

  データをチャートに徐々に読み込むかどうかを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              markerType: "automatic",
              progressiveLoad: false
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].progressiveLoad;
  
  //Set
  $(".selector").igDataChart("option", "series", 
  	[{
  		name: "series1",
  		type: "scatter",
  		xAxis: "xAxis",
  		yAxis: "yAxis",
  		xMemberPath: "Index",
  		yMemberPath: "Value1",
  		markerType: "automatic",
  		progressiveLoad: false
  	}]
  );
            

• radius

  タイプ:

  number

  デフォルト:

  2

  系列に使用する角の半径を取得または設定します。

  コード サンプル

   
            //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "angleAxis",
              type: "numericAngle"
          },
          {
              name: "radius",
              type: "numericRadius"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radius: "radius",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }],
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].radius;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radius: "radius",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }]
      );
      

• radiusAxis

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの有効な半径軸を取得します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "angleAxis",
              type: "numericAngle"
          },
          {
              name: "radiusAxis",
              type: "numericRadius"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radiusAxis: "radiusAxis",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }],
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].radiusAxis;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radiusAxis: "radiusAxis",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }]
      );
            

• radiusMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在の系列オブジェクトの半径マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "angleAxis",
              type: "numericAngle"
          },
          {
              name: "radiusAxis",
              type: "numericRadius"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radiusAxis: "radiusAxis",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }],
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].radiusMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: "Sales",
              type: "polarScatter",
              angleAxis: "angleAxis",
              radiusAxis: "radiusAxis",
              angleMemberPath: "Index",
              radiusMemberPath: "Value1"
          }]
      );
            

• radiusScale

  タイプ:

  object

  デフォルト:

  null

  バブルの半径サイズ スケールを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2",
              radiusScale: {
                    minimumValue: 0,
                    maximumValue: 20,
                    isLogarithmic: "true",
                    logarithmicBase: 2 
                }
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].radiusScale;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "bubble",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              radiusMemberPath: "Value2",
              fillMemberPath: "Value3",
              labelMemberPath: "Value2",
              radiusScale: {
                    type: "value",
                    brushes: ["red", "blue"],
                    minimumValue: 0,
                    maximumValue: 20
                }
          }]
      );
            

• radiusX

  タイプ:

  number

  デフォルト:

  2.0

  列の角を丸めるために使用される楕円の x 半径を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          series: [{
              name: "series1",
              type: "column",
              radiusX: 5.5
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].radiusX;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
              name: "series1",
              type: "column",
              radiusX: 5.5
      }]
  );
            

• radiusY

  タイプ:

  number

  デフォルト:

  2.0

  列の角を丸めるために使用する楕円の y 半径を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          series: [{
              name: "series1",
              type: "column",
              radiusY: 5.5
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].radiusY;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
              name: "series1",
              type: "column",
              radiusY: 5.5
      }]
  );
            

• remove

  タイプ:

  bool

  デフォルト:

  false

  名前で、チャートから既存のシリーズを削除するために True に設定します。

  コード サンプル

  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              remove: true
          }]
      );
            

• resolution

  タイプ:

  number

  デフォルト:

  1

  現在のシリーズ オブジェクトのレンダリング解像度を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              resolution: 3
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].resolution;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              resolution: 3
          }]
      );
            

• responseDataKey

  タイプ:

  string

  デフォルト:

  null

  $.ig.DataSource を参照してください。応答がラップされる場合に、データ レコードが保持されるプロパティの名前を指定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              responseDataKey: "Records",
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].responseDataKey;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              responseDataKey: "Records",
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close"
          }]
      );
            

• reverseLegendOrder

  タイプ:

  bool

  デフォルト:

  false

  フラグメント シリーズの順序を凡例で逆にするかどうかを設定します。注: 凡例の順序の反転は集合形式シリーズのみでサポートされます。

  コード サンプル

   
  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "stackedColumn",
              xAxis: "xAxis",
              yAxis: "yAxis",
              reverseLegendOrder: true,
              series: [{
                  name: "fragment1",
                  title: "fragment1",
              }, {
                  name: "fragment2",
                  title: "fragment2",
              }]
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].reverseLegendOrder;
  
  // Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              reverseLegendOrder: true
          }]
      );
            

• series

  タイプ:

  array

  デフォルト:

  null

  要素タイプ:

  積層型チャートの系列を取得または設定します。系列オブジェクトの配列を含みます。配列の各項目はシリーズを表し、xAxis、yAxis、valueMemberPath などの最上位の系列オブジェクトによってサポートされるオプションがあります。

  コード サンプル

   
  // Initialization
  $(".selector").igDataChart({
  	axes: [{
  		name: "xAxis",
  		type: "categoryX",
  		label: "Label",
  	}, {
  		name: "yAxis",
  		type: "numericY",
  	}],
  	series: [{
  		name: "series1",
  		type: "stackedColumn",
  		xAxis: "xAxis",
  		yAxis: "yAxis",
  		series: [{
  			name: "China",
  			type: "stackedFragment",
  			valueMemberPath: "China"
  		}, {
  			name: "United States",
  			type: "stackedFragment",
  			valueMemberPath: "UnitedStates"
  		}, {
  			name: "Russia",
  			type: "stackedFragment",
  			valueMemberPath: "Russia"
  		}, {
  			name: "Saudi Arabia",
  			type: "stackedFragment",
  			valueMemberPath: "SaudiArabia"
  		}, {
  			name: "Canada",
  			type: "stackedFragment",
  			valueMemberPath: "Canada"
  		}]
  	}]
  });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].series;
  
  // Set
  $(".selector").igDataChart("series", [{
  	name: "series1",
  	series: [{
  		name: "United States",
  		type: "stackedFragment",
  		valueMemberPath: "UnitedStates"
  	}]
  }]);
  

• shadowBlur

  タイプ:

  number

  デフォルト:

  10

  影付きで使用するぼかし量を取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              shadowBlur: 7
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].shadowBlur;
  
  // Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              shadowBlur: 7
          }]
      );
            

• shadowColor

  タイプ:

  object

  デフォルト:

  rgba(95,95,95,0.5)

  影付きで使用する色を取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              shadowColor: "blue"
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].shadowColor;
  
  // Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              shadowColor: "blue"
          }]
      );
            

• shadowOffsetX

  タイプ:

  number

  デフォルト:

  5

  影付きで使用する x オフセットを取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              shadowOffsetX: 10
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].shadowOffsetX;
  
  // Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              shadowOffsetX: 10
          }]
      );
            

• shadowOffsetY

  タイプ:

  number

  デフォルト:

  5

  影付きで使用する y オフセットを取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              shadowOffsetY: 10
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].shadowOffsetY;
  
  // Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              shadowOffsetY: 10
          }]
      );
            

• shortPeriod

  タイプ:

  number

  デフォルト:

  0

  現在の AbsoluteVolumeOscillatorIndicator オブジェクトの短い移動平均期間を取得または設定します。
  短い AVO 期間の一般的な値かつ初期値は 10 です。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "absoluteVolumeOscillatorIndicator",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              shortPeriod: 7
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].shortPeriod;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "absoluteVolumeOscillatorIndicator",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              shortPeriod: 7
          }]
      );
            

• showTooltip

  タイプ:

  bool

  デフォルト:

  false

  チャートがツールチップを描画すべきかどうか。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              showTooltip: true,
              tooltipTemplate: "template"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].showTooltip;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              showTooltip: true,
              tooltipTemplate: "template"
          }]
      );
            

• skipUnknownValues

  タイプ:

  bool

  デフォルト:

  false

  ホバー レイヤーが一番近い値を検索するときに不明な値をスキップするかどうかを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "toolTipLayer1",
              type: "itemToolTipLayer",
              skipUnknownValues: true
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].skipUnknownValues;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "toolTipLayer1",
              type: "itemToolTipLayer",
              skipUnknownValues: true
          }]
      );
            

• splineType

  タイプ:

  enumeration

  デフォルト:

  natural

  描画されるスプラインのタイプを取得または設定します。

  メンバー

  • natural
  • タイプ:string
  • 自然スプライン計算数式を使用することによってスプラインを計算します。
  • clamped
  • タイプ:string
  • 固定スプライン計算数式を使用することによってスプラインを計算します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price Series 1",
              type: "spline",
              splineType: "clamped",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1"
          }]
      });
  
  //    Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].splineType;
  
  //    Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price Series 1",
              type: "spline",
              splineType: "clamped",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1"
          }]
      );
            

• targetAxis

  タイプ:

  string

  デフォルト:

  null

  レイヤーのターゲット軸の名前を取得または設定します。ターゲット軸を設定すると、レイヤーをその軸のみに対象するためにスコープを設定します。

  コード サンプル

   
          //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "column",
                  name: "2005Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop2005"
              },            {
                  type: "line",
                  name: "1995Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop1995"
              },            {
                  type: "categoryHighlightLayer",
                  name: "catHighlightLayer",
                  title: "categoryHighlight",
                  useInterpolation: false,
                  transitionDuration: 500,                
                  bandHighlightWidth: 50,
                  targetAxis: "PopulationAxis"
  
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[2].targetAxis;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              type: "categoryHighlightLayer",
              name: "catHighlightLayer",
              title: "categoryHighlight",
              targetAxis: "PopulationAxis"
          }]
      );  
          

• targetSeries

  タイプ:

  string

  デフォルト:

  null

  レイヤーのターゲット系列の名前を取得または設定します。ターゲット系列を設定すると、レイヤーをその系列のみに対象するためにスコープを設定します。

  コード サンプル

   
          //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "column",
                  name: "2005Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop2005"
              },            {
                  type: "line",
                  name: "1995Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop1995"
              },            {
                  type: "crosshairLayer",
                  name: "crosshairLayer",
                  title: "crosshair",
                  useInterpolation: false,
                  transitionDuration: 500,                
                  targetSeries: "2005Population"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[2].targetSeries;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "crosshairLayer",
              title: "crosshair",
              type: "crosshairLayer",
              targetSeries: "2005Population"
          }]
      );  
          

• thickness

  タイプ:

  number

  デフォルト:

  0

  現在のシリーズ オブジェクトの線の太さの幅を取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price Series 1",
              type: "line",
              thickness: 5,
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1"
          }]
      });
  
  //    Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].thickness;
  
  //    Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price Series 1",
              type: "line",
              thickness: 5,
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1"
          }]
      );
            

• title

  タイプ:

  string

  デフォルト:

  null

  Title プロパティを取得または設定します。
  凡例項目コントロールは、Title に従って、シリーズ オブジェクト自身によってオンデマンドで作成されます。
  オンデマンドで作成されます。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price Series 1",
              type: "line",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1"
          }]
      });
  
  //    Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].title;
  
  //    Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price Series 1",
              type: "line",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1"
          }]
      );
            

• tooltipPosition

  タイプ:

  enumeration

  デフォルト:

  auto

  ツールチップ コンテナーに適用する配置を取得または設定します。

  メンバー

  • auto
  • タイプ:string
  • カテゴリ ツールチップのために自動位置を使用します。
  • outsideStart
  • タイプ:string
  • カテゴリ ツールチップを値軸の外部開始に配置します。
  • insideStart
  • タイプ:string
  • カテゴリ ツールチップを値軸の内部開始に配置します。
  • insideEnd
  • タイプ:string
  • カテゴリ ツールチップを値軸の内部終了に配置します。
  • outsideEnd
  • タイプ:string
  • カテゴリ ツールチップを値軸の外部終了に配置します。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "categoryToolTipLayer",
                  name: "catToolTipLayer",
                  title: "categoryToolTip",
                  toolTipPosition: "insideStart"
  
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].toolTipPosition;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              type: "categoryToolTipLayer",
              name: "catToolTipLayer",
              title: "categoryToolTip",
              toolTipPosition: "insideStart"
          }]
      );  
      

• tooltipTemplate

  タイプ:

  string

  デフォルト:

  null

  チャート ツールチップが描画するために使用するテンプレートの名前またはテンプレート。

  コード サンプル

  <!--
  There are a number of properties available to the template related to the item or series it is used for.
    ${element}            -- The reference to tooltip DOM element.
    ${item}               -- The reference to current series item object.
    ${chart}              -- The reference to chart object.
    ${series}             -- The reference to current series object.
    ${actualItemBrush}    -- The item brush.
    ${actualSeriesBrush}  -- The series brush.
  -->
  <!-- Custom Tooltip Template -->
  <script id="usEnergyProductionTemplate" type="text/x-jquery-tmpl">
  	<div>
  		<span style="color: ${actualSeriesBrush}">US </span>
  		<span>${item.Year}</span><br />
  		Total Energy: <span style="font-weight: bold">${item.UnitedStates}</span>
  	</div>
  </script>
  
  //Initialization
  $(".selector").igDataChart({
          series: [{
              name: "series1",
              type: "column",
              showTooltip: true,
              tooltipTemplate: "usEnergyProductionTemplate"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].tooltipTemplate;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
              name: "series1",
              type: "column",
              showTooltip: true,
              tooltipTemplate: "usEnergyProductionTemplate"
      }]
  );
            

• transitionDuration

  タイプ:

  number

  デフォルト:

  0

  現在の系列のモーフィングの期間を取得または設定します。

  コード サンプル

  //    Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data1,
              title: "Price Series 1",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1",
              transitionDuration: 500
          }]
      });
  
  //    Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].transitionDuration;
  
  //    Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data1,
              title: "Price Series 1",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Item1",
              transitionDuration: 500
          }]
      );
            

• transitionEasingFunction

  タイプ:

  object

  デフォルト:

  null

  トランジションで使用するためのイージング関数を提供します。イージング関数の名前 (「cubic」のみがサポートされている) であるか、数値を取得して関数が適用した出力を返す関数に設定します。

  コード サンプル

   
             //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
                  dataSource: data,
                  axes: [
                      {
                          name: "NameAxis",
                          type: "categoryX",
                          label: "CountryName"
                      },
                      {
                          name: "PopulationAxis",
                          type: "numericY",
                          minimumValue: 0,
                      }
                  ],
                  series: [
                      {
                          name: "2005Population",
                          type: "line",
                          title: "2005",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop2005",
                          isTransitionInEnabled: true,
                          transitionEasingFunction: "cubic"
                      }
                  ]
              });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].transitionEasingFunction;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "2005Population",
              type: "line",
              title: "2005",
              xAxis: "NameAxis",
              yAxis: "PopulationAxis",
              valueMemberPath: "Pop2005",
              isTransitionInEnabled: true,
              transitionEasingFunction: "cubic"
          }]
      );
      

• transitionInDuration

  タイプ:

  number

  デフォルト:

  500

  モーフィングで現在の系列トランジションの期間をミリ秒で取得または設定します。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
                  dataSource: data,
                  axes: [
                      {
                          name: "NameAxis",
                          type: "categoryX",
                          label: "CountryName"
                      },
                      {
                          name: "PopulationAxis",
                          type: "numericY",
                          minimumValue: 0,
                      }
                  ],
                  series: [
                      {
                          name: "2005Population",
                          type: "line",
                          title: "2005",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop2005",
                          isTransitionInEnabled: true,
                          transitionInDuration: 500
                      }
                  ]
              });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].transitionInDuration;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "2005Population",
              type: "line",
              title: "2005",
              xAxis: "NameAxis",
              yAxis: "PopulationAxis",
              valueMemberPath: "Pop2005",
              isTransitionInEnabled: true,
              transitionInDuration: 500
          }]
      );
      

• transitionInMode

  タイプ:

  enumeration

  デフォルト:

  auto

  系列の入るトランジションのメソッドを取得または設定します。注: トランジションは積層型シリーズでサポートされていません。

  メンバー

  • auto
  • タイプ:string
  • 系列が自動的に選択された方法でトランジションします。
  • fromZero
  • タイプ:string
  • 系列が数値軸の参照値からトランジションします。
  • sweepFromLeft
  • タイプ:string
  • 系列が左側からスイープします。
  • sweepFromRight
  • タイプ:string
  • 系列が右側からスイープします。
  • sweepFromTop
  • タイプ:string
  • 系列が上側からスイープします。
  • sweepFromBottom
  • タイプ:string
  • 系列が下側からスイープします。
  • sweepFromCenter
  • タイプ:string
  • 系列が中央からスイープします。
  • accordionFromLeft
  • タイプ:string
  • 系列が左側からアコーディオンします。
  • accordionFromRight
  • タイプ:string
  • 系列が右側からアコーディオンします。
  • accordionFromTop
  • タイプ:string
  • 系列が上側からアコーディオンします。
  • accordionFromBottom
  • タイプ:string
  • 系列が下側からアコーディオンします。
  • expand
  • タイプ:string
  • 系列が値中点から展開します。
  • sweepFromCategoryAxisMinimum
  • タイプ:string
  • 系列がカテゴリ軸の最小値からスイープします。
  • sweepFromCategoryAxisMaximum
  • タイプ:string
  • 系列がカテゴリ軸の最大値からスイープします。
  • sweepFromValueAxisMinimum
  • タイプ:string
  • 系列が数値軸の最小値からスイープします。
  • sweepFromValueAxisMaximum
  • タイプ:string
  • 系列が数値軸の最大値からスイープします。
  • accordionFromCategoryAxisMinimum
  • タイプ:string
  • 系列がカテゴリ軸の最小値からアコーディオンします。
  • accordionFromCategoryAxisMaximum
  • タイプ:string
  • 系列がカテゴリ軸の最大値からアコーディオンします。
  • accordionFromValueAxisMinimum
  • タイプ:string
  • 系列が数値軸の最小値からアコーディオンします。
  • accordionFromValueAxisMaximum
  • タイプ:string
  • 系列が数値軸の最大値からアコーディオンします。

  コード サンプル

   
          //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
                  dataSource: data,
                  axes: [
                      {
                          name: "NameAxis",
                          type: "categoryX",
                          label: "CountryName"
                      },
                      {
                          name: "PopulationAxis",
                          type: "numericY",
                          minimumValue: 0,
                      }
                  ],
                  series: [
                      {
                          name: "2005Population",
                          type: "line",
                          title: "2005",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop2005",
                          isTransitionInEnabled: true,
                          transitionInMode: "sweepFromRight"
                      }
                  ]
              });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].isTransitionInMode;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "2005Population",
              type: "line",
              title: "2005",
              xAxis: "NameAxis",
              yAxis: "PopulationAxis",
              valueMemberPath: "Pop2005",
              isTransitionInEnabled: true,
              transitionInMode: "sweepFromRight"
          }]
      );             

• transitionInSpeedType

  タイプ:

  enumeration

  デフォルト:

  auto

  系列のデータ ポイントの入るトランジションのスピードを取得または設定します。

  メンバー

  • auto
  • タイプ:string
  • スピード タイプが自動的に選択されます。
  • normal
  • タイプ:string
  • すべてのスピードは標準です。データ ポイントが同じ時間で入ります。
  • valueScaled
  • タイプ:string
  • データ ポイントの値は開始ポイントからの距離が高い場合、後から入ります。
  • indexScaled
  • タイプ:string
  • データ ポイントのインデックスは軸の基点からの距離が高い場合、後に入ります。
  • random
  • タイプ:string
  • データ ポイントはランダム時間に入ります。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
                  dataSource: data,
                  axes: [
                      {
                          name: "NameAxis",
                          type: "categoryX",
                          label: "CountryName"
                      },
                      {
                          name: "PopulationAxis",
                          type: "numericY"
                      }
                  ],
                  series: [
                      {
                          name: "2005Population",
                          type: "line",
                          title: "2005",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop2005",
                          isTransitionInEnabled: true,
                          transitionInSpeedType: "indexScaled"
                      },
                      {
                          name: "1995Population",
                          type: "line",
                          title: "1995",
                          xAxis: "NameAxis",
                          yAxis: "PopulationAxis",
                          valueMemberPath: "Pop1995",
                          isTransitionInEnabled: true,
                          transitionInSpeedType: "indexScaled"
                      }
                  ]
              });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].transitionInSpeedType;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "2005Population",
              type: "line",
              title: "2005",
              xAxis: "NameAxis",
              yAxis: "PopulationAxis",
              valueMemberPath: "Pop2005",
              isTransitionInEnabled: true,
              transitionInSpeedType: "indexScaled"
          }]
      );
             
            

• trendLineBrush

  タイプ:

  string

  デフォルト:

  null

  トレンドラインを描画するブラシを取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
      axes: [{
          name: "xAxis",
          type: "categoryX",
          dataSource: data,
          label: "Label"
      }, {
          name: "yAxis",
          type: "numericY"
      }],
      series: [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "exponentialAverage",
          trendLineBrush: "grey"
      }]
  });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].trendLineBrush;
  
  // Set
  $(".selector").igDataChart("option", "series", 
      [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "exponentialAverage",
          trendLineBrush: "grey"
      }]
  );
            

• trendLinePeriod

  タイプ:

  number

  デフォルト:

  7

  現在の散布シリーズ オブジェクトの移動平均期間を取得または設定します。
  トレンド折れ線の範囲の標準/初期値は 7 です。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
      axes: [{
          name: "xAxis",
          type: "categoryX",
          dataSource: data,
          label: "Label"
      }, {
          name: "yAxis",
          type: "numericY"
      }],
      series: [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "simpleAverage",
          trendLinePeriod: 5
      }]
  });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].trendLinePeriod;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "simpleAverage",
          trendLinePeriod: 5
      }]
  );
            

• trendLineThickness

  タイプ:

  number

  デフォルト:

  1.5

  現在の散布シリーズ オブジェクトのトレンド ラインの太さを取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
      axes: [{
          name: "xAxis",
          type: "categoryX",
          dataSource: data,
          label: "Label"
      }, {
          name: "yAxis",
          type: "numericY"
      }],
      series: [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "simpleAverage",
          trendLineThickness: 3
      }]
  });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].trendLineThickness;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "simpleAverage",
          trendLineThickness: 3
      }]
  );
            

• trendLineType

  タイプ:

  enumeration

  デフォルト:

  none

  現在の散布シリーズのトレンド タイプを取得または設定します。

  メンバー

  • none
  • タイプ:string
  • トレンド折れ線を表示しません。
  • linearFit
  • タイプ:string
  • リニア フィット。
  • quadraticFit
  • タイプ:string
  • 二次多項式フィット。
  • cubicFit
  • タイプ:string
  • 三次多項式フィット。
  • quarticFit
  • タイプ:string
  • 四次多項式フィット。
  • quinticFit
  • タイプ:string
  • 五次多項式フィット。
  • logarithmicFit
  • タイプ:string
  • 対数フィット。
  • exponentialFit
  • タイプ:string
  • 指数フィット。
  • powerLawFit
  • タイプ:string
  • べき乗フィット。
  • simpleAverage
  • タイプ:string
  • 単純移動平均。
  • exponentialAverage
  • タイプ:string
  • 指数移動平均。
  • modifiedAverage
  • タイプ:string
  • 変更された移動平均。
  • cumulativeAverage
  • タイプ:string
  • 累積移動平均。
  • weightedAverage
  • タイプ:string
  • 加重移動平均。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
      axes: [{
          name: "xAxis",
          type: "categoryX",
          dataSource: data,
          label: "Label"
      }, {
          name: "yAxis",
          type: "numericY"
      }],
      series: [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "simpleAverage"
      }]
  });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].trendLineType;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
          name: "series1",
          dataSource: data,
          title: "Price",
          type: "financial",
          xAxis: "xAxis",
          yAxis: "yAxis",
          openMemberPath: "Open",
          highMemberPath: "High",
          lowMemberPath: "Low",
          closeMemberPath: "Close",
          trendLineType: "simpleAverage"
      }]
  );
            

• trendLineZIndex

  タイプ:

  number

  デフォルト:

  1001

  近似曲線の z インデックスを取得または設定します。1000 より大きい値を指定すると、トレンド折れ線が系列データの前に描画されます。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              trendLineType: "simpleAverage",
              trendLineZIndex: 1200
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].trendLineZIndex;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              trendLineType: "simpleAverage",
              trendLineZIndex: 1200
          }]
      );
            

• type

  タイプ:

  enumeration

  デフォルト:

  null

  シリーズのタイプ。

  メンバー

  • area
  • タイプ:string
  • エリア シリーズとしてシリーズを指定します。
  • bar
  • タイプ:string
  • 棒シリーズとしてシリーズを指定します。
  • column
  • タイプ:string
  • 柱状シリーズとしてシリーズを指定します。
  • line
  • タイプ:string
  • 折れ線シリーズとしてシリーズを指定します。
  • rangeArea
  • タイプ:string
  • 範囲エリア シリーズとしてシリーズを指定します。
  • rangeColumn
  • タイプ:string
  • 範囲柱状シリーズとしてシリーズを指定します。
  • splineArea
  • タイプ:string
  • スプライン エリア シリーズとしてシリーズを指定します。
  • spline
  • タイプ:string
  • スプライン シリーズとしてシリーズを指定します。
  • stepArea
  • タイプ:string
  • ステップ エリア シリーズとしてシリーズを指定します。
  • stepLine
  • タイプ:string
  • ステップ折れ線シリーズとしてシリーズを指定します。
  • waterfall
  • タイプ:string
  • ウォーターフォール シリーズとしてシリーズを指定します。
  • financial
  • タイプ:string
  • 財務シリーズとしてシリーズを指定します。
  • typicalPriceIndicator
  • タイプ:string
  • 一般的な価格インジケーター シリーズとしてシリーズを指定します。
  • point
  • タイプ:string
  • ポイント シリーズとしてシリーズを指定します。
  • polarSplineArea
  • タイプ:string
  • 極座標スプライン エリア シリーズとしてシリーズを指定します。
  • polarSpline
  • タイプ:string
  • 極座標スプライン シリーズとしてシリーズを指定します。
  • polarArea
  • タイプ:string
  • ポーラ エリア シリーズとしてシリーズを指定します。
  • polarLine
  • タイプ:string
  • ポーラ折れ線シリーズとしてシリーズを指定します。
  • polarScatter
  • タイプ:string
  • ポーラ散布図シリーズとしてシリーズを指定します。
  • radialColumn
  • タイプ:string
  • ラジアル柱状シリーズとしてシリーズを指定します。
  • radialLine
  • タイプ:string
  • ラジアル折れ線シリーズとしてシリーズを指定します。
  • radialPie
  • タイプ:string
  • ラジアル パイ シリーズとしてシリーズを指定します。
  • radialArea
  • タイプ:string
  • ラジアル エリア シリーズとしてシリーズを指定します。
  • scatter
  • タイプ:string
  • 散布図シリーズとしてシリーズを指定します。
  • scatterLine
  • タイプ:string
  • 散布図 - 折れ線シリーズとしてシリーズを指定します。
  • scatterSpline
  • タイプ:string
  • 散布図スプライン シリーズとしてシリーズを指定します。
  • scatterArea
  • タイプ:string
  • 散布エリア シリーズとしてシリーズを指定します。
  • scatterContour
  • タイプ:string
  • 散布等高線シリーズとしてシリーズを指定します。
  • scatterPolygon
  • タイプ:string
  • 散布多角形シリーズとしてシリーズを指定します。
  • scatterPolyline
  • タイプ:string
  • 散布ポリライン シリーズとしてシリーズを指定します。
  • bubble
  • タイプ:string
  • バブル シリーズとしてシリーズを指定します。
  • absoluteVolumeOscillatorIndicator
  • タイプ:string
  • 絶対容積オシレーター インジケーター シリーズとしてシリーズを指定します。
  • averageTrueRangeIndicator
  • タイプ:string
  • 平均 True 範囲インジケーター シリーズとしてシリーズを指定します。
  • accumulationDistributionIndicator
  • タイプ:string
  • 累積配布インジケーター シリーズとしてシリーズを指定します。
  • averageDirectionalIndexIndicator
  • タイプ:string
  • 平均指向指数インジケーター シリーズとしてシリーズを指定します。
  • bollingerBandWidthIndicator
  • タイプ:string
  • ボリンジャー バンド幅インジケーター シリーズとしてシリーズを指定します。
  • chaikinOscillatorIndicator
  • タイプ:string
  • チャイキン オシレーター インジケーター シリーズとしてシリーズを指定します。
  • chaikinVolatilityIndicator
  • タイプ:string
  • チャイキン ボラティリティ インジケーター シリーズとしてシリーズを指定します。
  • commodityChannelIndexIndicator
  • タイプ:string
  • コモディティ チャネル インデックス (CCI) インジケーター シリーズとしてシリーズを指定します。
  • detrendedPriceOscillatorIndicator
  • タイプ:string
  • トレンド除去価格オシレーター インジケーター シリーズとしてシリーズを指定します。
  • easeOfMovementIndicator
  • タイプ:string
  • イーズ オブ ムーブメント インジケーター シリーズとしてシリーズを指定します。
  • fastStochasticOscillatorIndicator
  • タイプ:string
  • ファスト ストキャスティクス オシレーター インジケーター シリーズとしてシリーズを指定します。
  • forceIndexIndicator
  • タイプ:string
  • 勢力指数インジケーター シリーズとしてシリーズを指定します。
  • fullStochasticOscillatorIndicator
  • タイプ:string
  • フル ストキャスティクス オシレーター インジケーター シリーズとしてシリーズを指定します。
  • marketFacilitationIndexIndicator
  • タイプ:string
  • マーケット ファシリテーション インデックス インジケーター シリーズとしてシリーズを指定します。
  • massIndexIndicator
  • タイプ:string
  • マス インデックス インジケーター シリーズとしてシリーズを指定します。
  • medianPriceIndicator
  • タイプ:string
  • 中間価格インジケーター シリーズとしてシリーズを指定します。
  • moneyFlowIndexIndicator
  • タイプ:string
  • マネー フロー インデックス (MFI) インジケーター シリーズとしてシリーズを指定します。
  • movingAverageConvergenceDivergenceIndicator
  • タイプ:string
  • 移動平均収束拡散手法インジケーター シリーズとしてシリーズを指定します。
  • negativeVolumeIndexIndicator
  • タイプ:string
  • 負出来高指数 (NVI) インジケーター シリーズとしてシリーズを指定します。
  • onBalanceVolumeIndicator
  • タイプ:string
  • バランスボリューム インジケーター シリーズとしてシリーズを指定します。
  • percentagePriceOscillatorIndicator
  • タイプ:string
  • パーセンテージ価格オシレーター インジケーター シリーズとしてシリーズを指定します。
  • percentageVolumeOscillatorIndicator
  • タイプ:string
  • パーセンテージ ボリューム オシレーター インジケーター シリーズとしてシリーズを指定します。
  • positiveVolumeIndexIndicator
  • タイプ:string
  • ポジティブ ボリューム インデックス (PVI) インジケーター シリーズとしてシリーズを指定します。
  • priceVolumeTrendIndictor
  • タイプ:string
  • 価格出来高トレンド インジケーター シリーズとしてシリーズを指定します。
  • rateOfChangeAndMomentumIndicator
  • タイプ:string
  • 変化率とモメンタム インジケーター シリーズを表します。
  • relativeStrengthIndexIndicator
  • タイプ:string
  • 相対力指数インジケーター シリーズとしてシリーズを指定します。
  • slowStochasticOscillatorIndicator
  • タイプ:string
  • スロー ストキャスティクス オシレーター インジケーター シリーズとしてシリーズを指定します。
  • standardDeviationIndicator
  • タイプ:string
  • 標準偏差インジケーター シリーズとしてシリーズを指定します。
  • stochRSIIndicator
  • タイプ:string
  • ストキャスティクス RSI インジケーター シリーズとしてシリーズを指定します。
  • trixIndicator
  • タイプ:string
  • TRIX インジケーター シリーズとしてシリーズを指定します。
  • ultimateOscillatorIndicator
  • タイプ:string
  • アルティメット オシレーター インジケーター シリーズとしてシリーズを指定します。
  • weightedCloseIndicator
  • タイプ:string
  • 重み付きクローズ インジケーター シリーズとしてシリーズを指定します。
  • williamsPercentRIndicator
  • タイプ:string
  • ウィリアム パーセント レンジ インジケーター シリーズとしてシリーズを指定します。
  • bollingerBandsOverlay
  • タイプ:string
  • ボリンジャー バンド オーバーレイ シリーズとしてシリーズを指定します。
  • priceChannelOverlay
  • タイプ:string
  • プライス チャネル オーバーレイ シリーズとしてシリーズを指定します。
  • customIndicator
  • タイプ:string
  • カスタム インジケーター シリーズとしてシリーズを指定します。
  • stackedBar
  • タイプ:string
  • 積層棒シリーズとしてシリーズを指定します。
  • stacked100Bar
  • タイプ:string
  • 積層 100 棒シリーズとしてシリーズを指定します。
  • stackedArea
  • タイプ:string
  • 積層エリア シリーズとしてシリーズを指定します。
  • stacked100Area
  • タイプ:string
  • 積層 100 エリア シリーズとしてシリーズを指定します。
  • stackedColumn
  • タイプ:string
  • 積層柱状シリーズとしてシリーズを指定します。
  • stacked100Column
  • タイプ:string
  • 積層 100 柱状シリーズとしてシリーズを指定します。
  • stackedLine
  • タイプ:string
  • 積層折れ線シリーズとしてシリーズを指定します。
  • stacked100Line
  • タイプ:string
  • 積層 100 折れ線シリーズとしてシリーズを指定します。
  • stackedSpline
  • タイプ:string
  • 積層スプライン シリーズとしてシリーズを指定します。
  • stacked100Spline
  • タイプ:string
  • 積層 100 スプライン シリーズとしてシリーズを指定します。
  • stackedSplineArea
  • タイプ:string
  • 積層スプライン エリア シリーズとしてシリーズを指定します。
  • stacked100SplineArea
  • タイプ:string
  • 積層 100 スプライン エリア シリーズとしてシリーズを指定します。
  • crosshairLayer
  • タイプ:string
  • 十字線レイヤーとしてシリーズを指定します。
  • categoryHighlightLayer
  • タイプ:string
  • カテゴリ強調表示レイヤーとしてシリーズを指定します。
  • categoryItemHighlightLayer
  • タイプ:string
  • カテゴリ項目強調表示レイヤーとしてシリーズを指定します。
  • itemToolTipLayer
  • タイプ:string
  • 項目ツールチップ レイヤーとしてシリーズを指定します。
  • categoryToolTipLayer
  • タイプ:string
  • カテゴリ ツールチップ レイヤーとしてシリーズを指定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].type;
            

• unknownValuePlotting

  タイプ:

  enumeration

  デフォルト:

  dontPlot

  不明な値をチャートでプロットする方法を決定します。null および Double.NaN は不明な値の例です。

  メンバー

  • linearInterpolate
  • タイプ:string
  • 線形補間を使用すると、不明な値を囲む定義した値の中にプロットします。
  • dontPlot
  • タイプ:string
  • 不明な値はチャートにプロットしません。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              unknownValuePlotting: "linearInterpolate"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].unknownValuePlotting;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              unknownValuePlotting: "linearInterpolate"
          }]
      );
            

• useBruteForce

  タイプ:

  bool

  デフォルト:

  false

  ブルート フォース モードを使用するかどうかを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          series: [{
              name: "series1",
              type: "column",
  			useBruteForce: true
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].useBruteForce;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
              name: "series1",
              type: "column",
  			useBruteForce: true
      }]
  );
            

• useCartesianInterpolation

  タイプ:

  bool

  デフォルト:

  true

  Archimedian の代わりにデカルト補間を使用するかどうかを取得または設定します
  スパイラル ベース補間。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              unknownValuePlotting: "linearInterpolate",
              useCartesianInterpolation: false
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].useCartesianInterpolation;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              unknownValuePlotting: "linearInterpolate",
              useCartesianInterpolation: false
          }]
      );
            

• useHighMarkerFidelity

  タイプ:

  bool

  デフォルト:

  false

  短い X 間隔で Y 変動を多く持つ extreme データ図形のマーカーの忠実度を増やすかどうかを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              useHighMarkerFidelity: true
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].useHighMarkerFidelity;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1",
              useHighMarkerFidelity: true
          }]
      );
            

• useIndex

  タイプ:

  bool

  デフォルト:

  false

  自動的に色を決定するために、現在のレイヤーが系列コレクションのブラシ順序インデックスを使用するかどうかを設定します。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "categoryHighlightLayer",
                  name: "categoryHighlightLayer",
                  title: "categoryHighlight",
                  useIndex: "true"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].useIndex;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              type: "categoryHighlightLayer",
              name: "categoryHighlightLayer",
              title: "categoryHighlight",
              useIndex: "true"
          }]
      );  
      

• useInterpolation

  タイプ:

  bool

  デフォルト:

  false

  ホバー レイヤーが一番近い値に相対して配置するときに補間を使用するかどうかを取得または設定します。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "column",
                  name: "2005Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop2005"
              },            {
                  type: "line",
                  name: "1995Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop1995"
              },            {
                  type: "crosshairLayer",
                  name: "crosshairLayer",
                  title: "crosshair",
                  useInterpolation: false,
                  transitionDuration: 500,                
                  targetSeries: "2005Population",
                  horizontalLineVisibility: "visible"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[2].useInterpolation;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "crosshairLayer",
              title: "crosshair",
              type: "crosshairLayer",
              useInterpolation: false
          }]
      );
          

• useLegend

  タイプ:

  bool

  デフォルト:

  false

  現在のレイヤーがチャートの凡例にエントリを追加するかどうかを設定します。デフォルトで、注釈レイヤーが凡例に表示されていません。

  コード サンプル

   
            //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  name: "crosshairLayer",
                  title: "crosshair",
                  type: "crosshairLayer",
                  useLegend: "true"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].useLegend;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "crosshairLayer",
              title: "crosshair",
              type: "crosshairLayer",
              useLegend: "true"
          }]
      );  
      

• useSingleShadow

  タイプ:

  bool

  デフォルト:

  true

  影付きが完全の系列ビジュアルに適用されるか、系列の各図形に適用されるかどうかを取得または設定します。

  コード サンプル

  // Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              title: "Sales",
              type: "column",
              xAxis: "xAxis",
              yAxis: "yAxis",
              valueMemberPath: "Value1",
              useSingleShadow: false
          }]
      });
  
  // Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].useSingleShadow;
  
  // Set
  $(".selector").igDataChart("series", 
          [{
              name: "series1",
              useSingleShadow: false
          }]
      );
            

• useSquareCutoffStyle

  タイプ:

  bool

  デフォルト:

  false

  描画トラバーサルを中止する際に、結合領域の図形の代わりに四角を使用するかどうかを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          series: [{
              name: "series1",
              type: "column",
  			useSquareCutoffStyle: true
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].useSquareCutoffStyle;
  
  //Set
  $(".selector").igDataChart("option", "series", 
      [{
              name: "series1",
              type: "column",
  			useSquareCutoffStyle: true
      }]
  );
            

• valueAxis

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの有効な値軸を取得します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "angleAxis",
              type: "categoryAngle",
              label: "Label"
          }, {
              name: "radiusAxis",
              type: "numericRadius"
          }],
          series: [{
              name: "series1",
              title: 'Budget',
              type: "radialLine",
              angleAxis: "angleAxis",
              valueAxis: "radiusAxis",
              valueMemberPath: "Budget"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].valueAxis;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: 'Budget',
              type: "radialLine",
              angleAxis: "angleAxis",
              valueAxis: "radiusAxis",
              valueMemberPath: "Budget"
          }]
      );
            

• valueMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズの値を提供する項目パスを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "angleAxis",
              type: "categoryAngle",
              label: "Label"
          }, {
              name: "radiusAxis",
              type: "numericRadius"
          }],
          series: [{
              name: "series1",
              title: 'Budget',
              type: "radialLine",
              angleAxis: "angleAxis",
              valueAxis: "radiusAxis",
              valueMemberPath: "Budget"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].valueMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              title: 'Budget',
              type: "radialLine",
              angleAxis: "angleAxis",
              valueAxis: "radiusAxis",
              valueMemberPath: "Budget"
          }]
      );
            

• verticalLineVisibility

  タイプ:

  enumeration

  デフォルト:

  visible

  レイヤーの垂直十字線の部分が表示されるかどうかを取得または設定します。

  メンバー

  • visible
  • タイプ:string
  • レイヤーの垂直十字ポインター部分が表示されます。
  • collapsed
  • タイプ:string
  • レイヤーの垂直十字ポインター部分が非表示になります。

  コード サンプル

   
          //Initialization
  <script type="text/javascript">
      $(function () {
          $("#chart").igDataChart({
              dataSource: data,
              axes: [{
                  type: "categoryX",
                  name: "NameAxis",
                  label: "CountryName",
              }, {
                  type: "numericY",
                  name: "PopulationAxis",
              }],
              series: [            {
                  type: "column",
                  name: "2005Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop2005"
              },            {
                  type: "line",
                  name: "1995Population",
                  xAxis: "NameAxis",
                  yAxis: "PopulationAxis",
                  valueMemberPath: "Pop1995"
              },            {
                  type: "crosshairLayer",
                  name: "crosshairLayer",
                  title: "crosshair",
                  useInterpolation: false,
                  transitionDuration: 500,                
                  targetSeries: "2005Population",
                  verticalLineVisibility: "visible"
              }
              ]
          });
      });
  </script>
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[2].verticalLineVisibilty;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "crosshairLayer",
              title: "crosshair",
              type: "crosshairLayer",
              verticalLineVisiblity: "visible"
          }]
      );  
          

• volumeMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの出来高マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "categoryX",
              dataSource: data,
              label: "Label"
          },
          {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              volumeMemberPath: "Volume"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].volumeMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              dataSource: data,
              title: "Price",
              type: "financial",
              xAxis: "xAxis",
              yAxis: "yAxis",
              openMemberPath: "Open",
              highMemberPath: "High",
              lowMemberPath: "Low",
              closeMemberPath: "Close",
              volumeMemberPath: "Volume"
          }]
      );
            

• xAxis

  タイプ:

  string

  デフォルト:

  null

  現在のオブジェクトの有効な X 軸を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].xAxis;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      );
            

• xMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの値マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].xMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      );
            

• yAxis

  タイプ:

  string

  デフォルト:

  null

  現在のオブジェクトの有効な Y 軸を取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].yAxis;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      );
            

• yMemberPath

  タイプ:

  string

  デフォルト:

  null

  現在のシリーズ オブジェクトの値マッピング プロパティを取得または設定します。

  コード サンプル

  //Initialization
  $(".selector").igDataChart({
          axes: [{
              name: "xAxis",
              type: "numericX"
          }, {
              name: "yAxis",
              type: "numericY"
          }],
          series: [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      });
  
  //Get
  var series = $(".selector").igDataChart("option", "series");
  series[0].yMemberPath;
  
  //Set
  $(".selector").igDataChart("option", "series", 
          [{
              name: "series1",
              type: "scatter",
              xAxis: "xAxis",
              yAxis: "yAxis",
              xMemberPath: "Index",
              yMemberPath: "Value1"
          }]
      );
            

チャートの両方のディメンションを一度に設定するには、width および height プロパティを持つオブジェクトを提供できます。

//Initialize
$(".selector").igDataChart({
    size: { width: 450, height: 450 }
});

//Get
var size = $(".selector").igDataChart("option", "size");
//Set
var size = $(".selector").igDataChart("option", "size", { width: 450, height: 450 });
      

チャート上の四角マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
square のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    squareMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

コンポーネントに表示するサブタイトル。

 
    //	Initialization
		$(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona"
    });
		
		//Get
		var subtitleValue = $(".selector").igDataChart("option", "subtitle");
		
		//Set
		$(".selector").igDataChart("option", "subtitle", "Results over a two year period");  
    

サブタイトルに使用する下マージン。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona",
        subtitleBottomMargin: 10
    });
		
		//Get
		var subtitleBottomMarginValue = $(".selector").igDataChart("option", "subtitleBottomMargin");
		
		//Set
		$(".selector").igDataChart("option", "subtitleBottomMargin", 10);  
    

サブタイトルに使用する水平方向。

 
       //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona",
        subtitleHorizontalAlignment: "center"
      });
		
		//Get
		var subtitleHorizontalAlignmentValue = $(".selector").igDataChart("option", "subtitleHorizontalAlignment");
		
		//Set
		$(".selector").igDataChart("option", "subtitleHorizontalAlignment", "center");  
    
    

サブタイトルに使用する左マージン。

 
     //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona",
        subtitleLeftMargin: 10
    });
		
		//Get
		var subtitleLeftMarginValue = $(".selector").igDataChart("option", "subtitleLeftMargin");
		
		//Set
		$(".selector").igDataChart("option", "subtitleLeftMargin", 10);    
    

サブタイトルに使用する右マージン。

 
    //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona",
        subtitleRightMargin: 10
    });
		
		//Get
		var subtitleRightMarginValue = $(".selector").igDataChart("option", "subtitleRightMargin");
		
		//Set
		$(".selector").igDataChart("option", "subtitleRightMargin", 10);    
    

サブタイトルに使用する色。

 
    //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona",
        subtitleLeftMargin: 10
    });
		
		//Get
		var subtitleTextColorValue = $(".selector").igDataChart("option", "subtitleTextColor");
		
		//Set
		$(".selector").igDataChart("option", "subtitleTextColor", "blue");    
    

タイトルに使用する css フォント プロパティ。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona",
        subtitleLeftMargin: 10
    });
		
		//Get
		var subtitleTextStyleValue = $(".selector").igDataChart("option", "subtitleTextStyle");
		
		//Set
		$(".selector").igDataChart("option", "subtitleTextStyle", "16pt Verdona");  
    

サブタイトルに使用する上マージン。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        subtitle:"Results over a two year period",
        subtitleTextColor: "blue",
        subtitleTextStyle: "16pt Verdona",
        subtitleTopMargin: 10
    });
		
		//Get
		var subtitleTopMarginValue = $(".selector").igDataChart("option", "subtitleTopMargin");
		
		//Set
		$(".selector").igDataChart("option", "subtitleTopMargin", 10);  

このチャートを他のチャートと同期化するために使用するチャネル名。

  
//Initialize
$(".selector").igDataChart({
    syncChannel: "syncCharts"
});

//Get
var syncChannel = $(".selector").igDataChart("option", "syncChannel");
//Set
var syncChannel = $(".selector").igDataChart("option", "syncChannel", "syncCharts");
      

チャートが水平に同期されるかどうか。

		//	Initialization
		$(".selector").igDataChart({
                synchronizeHorizontally: false
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "synchronizeHorizontally");
		
		//	Set
		$(".selector").igDataChart("option", "synchronizeHorizontally", false);
	  

チャートが垂直に同期されるかどうか。

		//	Initialization
		$(".selector").igDataChart({
                synchronizeVertically: false
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "synchronizeVertically");
		
		//	Set
		$(".selector").igDataChart("option", "synchronizeVertically", false);
	  

チャート上のテトラグラム マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
tetragram のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    tetragramMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

このウィジェットをスタイルするために使用される見本。

//Initialize
$(".selector").igDataChart({
    theme: "metro"
});
 
//Get
var theme = $(".selector").igDataChart("option", "theme");
      

コンポーネントに表示するタイトル。

 
       //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona"
      });
		
		  //Get
		  var titleValue = $(".selector").igDataChart("option", "title");
		
		  //Set
		  $(".selector").igDataChart("option", "title", "Energy Use Per Country");  
    

タイトルに使用する下マージン。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        titleBottomMargin: 10
      });
		
		  //Get
		  var titleBottomMarginValue = $(".selector").igDataChart("option", "titleBottomMargin");
		
		  //Set
		  $(".selector").igDataChart("option", "titleBottomMargin", 10);  
    

タイトルに使用する水平方向。

 
       //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        titleHorizontalAlignment: "center"
      });
		
		  //Get
		  var titleHorizontalAlignmentValue = $(".selector").igDataChart("option", "titleHorizontalAlignment");
		
		  //Set
		  $(".selector").igDataChart("option", "titleHorizontalAlignment", "center"); 
    

タイトルに使用する左マージン。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        titleLeftMargin: 10
      });
		
		  //Get
		  var titleLeftMarginValue = $(".selector").igDataChart("option", "titleLeftMargin");
		
		  //Set
		  $(".selector").igDataChart("option", "titleLeftMargin", 10);  
      

タイトルに使用する右マージン。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        titleRightMargin: 10
      });
		
		  //Get
		  var titleRightMarginValue = $(".selector").igDataChart("option", "titleRightMargin");
		
		  //Set
		  $(".selector").igDataChart("option", "titleRightMargin", 10);  
      

タイトルに使用する色。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        titleBottomMargin: 10
      });
		
		  //Get
		  var titleTextColorValue = $(".selector").igDataChart("option", "titleTextColor");
		
		  //Set
		  $(".selector").igDataChart("option", "titleTextColor", "red");  
      

タイトルに使用する css フォント プロパティ。

  
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        titleBottomMargin: 10
      });
		
		  //Get
		  var titleTextStyleValue = $(".selector").igDataChart("option", "titleTextStyle");
		
		  //Set
		  $(".selector").igDataChart("option", "titleTextStyle", "24pt Verdona");  
      

タイトルに使用する上マージン。

 
      //	Initialization
		  $(".selector").igDataChart({
        title: "Energy Use Per Country",
        titleTextColor: "red",
        titleTextStyle: "24pt Verdona",
        titleTopMargin: 10
      });
		
		  //Get
		  var titleTopMarginValue = $(".selector").igDataChart("option", "titleTopMargin");
		
		  //Set
		  $(".selector").igDataChart("option", "titleTopMargin", 10);  
      

キャンバスでチャート コンテンツの周囲で使用する上余白を取得または設定します。

 
        //Initialize
        $(".selector").igDataChart({
            topMargin : 20
        });
        
        //Get
        var margin = $(".selector").igDataChart("option", "topMargin");
        
        //Set
        $(".selector").igDataChart("option", "topMargin", 20); 

チャート上の三角マーカーに使用するためのテンプレートを取得または設定します。
マーカー タイプが
triangle のシリーズで使用されるマーカー テンプレートを定義します。
提供されるオブジェクトには、描画とオプションでメジャーと呼ばれるプロパティがあります。option: legendItemBadgeTemplate の定義を参照してください。

//Initialize
$(".selector").igDataChart({
    triangleMarkerTemplate: {
        measure: function(measureInfo) {
            measureInfo.context;    // either a DOM element or a CanvasContext2D depending on the particular template scenario
            measureInfo.width;      // if value is present, specifies the available width, user may set to desired width for content
            measureInfo.height;     // if value is present, specifies the available height, user may set to desired height for content
            measureInfo.isConstant; // user should set to true if desired with and height will always be the same for this template
            measureInfo.data;       // if present, represents the contextual data for this template]
        },
        render: function (renderInfo) {
            renderInfo.context;            //    either a DOM element or a CanvasContext2D depending on the particular template scenario
            renderInfo.xPosition;          //    if present, specifies the x position at which to render the content
            renderInfo.yPosition;          //    if present, specifies the y position at which to render the content
            renderInfo.availableWidth;     //    if present, specifies the available width in which to render the content
            renderInfo.availableHeight;    //    if present, specifies the available height in which to render the content
            renderInfo.data;               //    if present, specifies the data that is in context for this content
            renderInfo.isHitTestRender;    //    if true, indicates that this is a special render pass for hit testing, in which case the brushes from the data should be used
        }
    }
});
      

シリーズ ビューアーがデフォルト ライブ コンテンツではなくキャッシュ タイルを使用するどうかを設定します。

		//	Initialization
		$(".selector").igDataChart({
                useTiledZooming: true
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "useTiledZooming");
		
		//	Set
		$(".selector").igDataChart("option", "useTiledZooming", true);
	  

現在の Chart の垂直ズーム可否を取得または設定します。このオプションは非推奨です。代わりに isVerticalZoomEnabled を使用してください。

		//	Initialization
		$(".selector").igDataChart({
                verticalZoomable: true
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "verticalZoomable");
		
		//	Set
		$(".selector").igDataChart("option", "verticalZoomable", true);
	  

チャートの幅。ピクセル、文字列 (px)、またはパーセンテージ (%) で数字として設定できます。

// Initialization
$(".selector").igDataChart({
    width: "700px"
});
		
// Get
var width = $(".selector").igDataChart("option", "width");

// Set
$(".selector").igDataChart("option", "width", "700px");
	  

水平スクロールの位置を決定する 0 ～ 1 の数。
このプロパティは WindowRect プロパティの X 位置へのショートカットと同じです。

		//	Initialization
		$(".selector").igDataChart({
                windowPositionHorizontal: 0.25
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "windowPositionHorizontal");
		
		//	Set
		$(".selector").igDataChart("option", "windowPositionHorizontal", 0.25);
	  

垂直スクロールの位置を決定する 0 ～ 1 の数。
このプロパティは WindowRect プロパティの Y 位置へのショートカットと同じです。

		//	Initialization
		$(".selector").igDataChart({
                windowPositionVertical: 0.25
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "windowPositionVertical");
		
		//	Set
		$(".selector").igDataChart("option", "windowPositionVertical", 0.25);
	  

現在表示されているチャート部分を表す矩形。
X = 0、Y = 0、Height および Width が 1 に設定される矩形の場合、プロット可能な領域はすべて表示されていることを意味します。Height および Width は .5 に設定される場合、表示は半分ズームしています。
提供されたオブジェクトは、left、top、width および height と呼ばれる数値プロパティを持っている必要があります。

      //	Initialization
      $(".selector").igDataChart({
        windowRect: 
	        {
		        left: 0,
		        top: 0,
		        width: 0.5,
		        height: 0.5
	        }
      });
		
      //	Get
      var opValue = $(".selector").igDataChart("option", "windowRect");
		
      //	Set
      $(".selector").igDataChart("option", "windowRect", 
        {
          left: 0,
          top: 0,
          width: 0.5,
          height: 0.5
      });
	  

ウィンドウ矩形が固定される前に到達できる最低幅を設定または取得します。
ビューアーにさらにズームできるようにする場合はこの値を減らします。
この値が低すぎると、浮動小数点演算が正確でなくなるため、グラフィックが破損する場合があります。

// Initialization
$(".selector").igDataChart({
    windowRectMinWidth: 0.5
});

// Get
var windowRectMinWidth = $(".selector").igDataChart("option", "windowRectMinWidth");

// Set
$(".selector").igDataChart("option", "windowRectMinWidth", 0.5);
	  

ユーザー パンニングおよびズーミングに応答します。ユーザー操作が発生しているときにビューを直ちに更新、あるいはユーザー操作が完了した後まで遅延するかどうか。ユーザー操作は、パンニングやズームを発生させるマウスドラッグなどの操作です。

		//	Initialization
		$(".selector").igDataChart({
                windowResponse: "immediate"
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "windowResponse");
		
		//	Set
		$(".selector").igDataChart("option", "windowResponse", "immediate");
	  

水平ズームのスケールを決定する 0 ～ 1 の数。
このプロパティは WindowRect プロパティの Width へのショートカットと同じです。

		//	Initialization
		$(".selector").igDataChart({
                windowScaleHorizontal: 0.5
            });
		
		//	Get
		var opValue = $(".selector").igDataChart("option", "windowScaleHorizontal");
		
		//	Set
		$(".selector").igDataChart("option", "windowScaleHorizontal", 0.5);
	  

垂直ズームのスケールを決定する 0 ～ 1 の数。
このプロパティは WindowRect プロパティの Height へのショートカットと同じです。

		//	Initialization
		$(".selector").igDataChart({
                windowScaleVertical: 0.5
            });

		//	Get
		var opValue = $(".selector").igDataChart("option", "windowScaleVertical");

		//	Set
		$(".selector").igDataChart("option", "windowScaleVertical", 0.5);
	  

シリーズ ビューアーがタイル ズーム モードでキャッシュするズーム タイルの最大数を設定します。

		//	Initialization
		$(".selector").igDataChart({
                zoomTileCacheSize: 30
            });

		//	Get
		var opValue = $(".selector").igDataChart("option", "zoomTileCacheSize");

		//	Set
		$(".selector").igDataChart("option", "zoomTileCacheSize", 30);