以下の表は、2016 Volume 2 リリースの重大な変更点の概要を示します。問題の詳細な説明は、概要表の後に記載されています。
| 凡例 | |
|---|---|
 |
回避策 |
 |
既知の回避策はありません。 |
 |
修正予定です |
| 機能 | 説明 | 状態 |
|---|---|---|
| サイズの大きい js ファイルは小さなサイズに分割されます。 | アプリケーションのファイル サイズを小さくするために、サイズの大きいファイルを小さなファイルへモジュール化しました。 | |
| 機能 | 説明 | 状態 |
|---|---|---|
| igDataChart コントロールのデフォルト値は更新されます。 | チャート機能では、多数のビジュアル変更および新しいプロパティ設定によるチャートの全体的なルック アンド フィールが向上しています。 | |
| 機能 | 説明 | 状態 |
|---|---|---|
| 凡例および OPD ペインはがページのチャートで使用されている場合、別々のモジュールとして明示的に読み込む必要があります。 | 以前は凡例と OPD がモジュール構造のチャートに依存していました。このリリースで構造が更新されたため、明示的に読み込む必要があります。 | |
| 機能 | 説明 | 状態 |
|---|---|---|
| VerticalCategory はがページのチャートまたはマップで使用されている場合、別々のモジュールとして明示的に読み込む必要があります。 | 以前はバー シリーズと関連軸はチャートに統合されていました。このリリースで構造が更新されたため、明示的に VerticalCategory を読み込む必要があります。 | |
| 機能 | 説明 | 状態 |
|---|---|---|
| 円チャートのデフォルト選択が単一選択になりました。 | 円チャートの選択機能の変更によりデフォルト値が更新されました。 | |
以下の表は、元のファイルおよび分割された小さなファイルを示します。
| 前のファイル名 | 分割後 |
|---|---|
| infragistics.ext.js | infragistics.ext_core.js infragistics.ext_collections.js 依存関係: infragistics.ext_core.js infragistics.ext_collectionsextended.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js infragistics.ext_text.js 依存関係: infragistics.ext_core.js infragistics.ext_io.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_text.js infragistics.ext_threading.js 依存関係: infragistics.ext_core.js infragistics.ext_ui.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js infragistics.ext_web.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_text.js 依存関係: infragistics.ext_io.js 依存関係: infragistics.ext_threading.js 結合したファイルの推薦順序: infragistics.ext_core.js infragistics.ext_collections.js infragistics.ext_collectionsextended.js infragistics.ext_text.js infragistics.ext_io.js infragistics.ext_threading.js infragiatics.ext_ui.js infragistics.ext_web.js |
| infragistics.dv.shared.js | infragistics.dv_core.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js infragistics.dv_geo.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_text.js 依存関係: infragistics.ext_io.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js infragistics.dv_geometry.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.dv_core.js infragistics.dv_opd.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.dv_core.js 結合したファイルの推薦順序: infragistics.dv_core.js infragistics.dv_geometry.js infragistics.dv_geo.js infragistics.dv_opd.js |
| infragistics.datachart.js | infragistics.legend.js (凡例の表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js infragistics.datachart_core.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js infragistics.datachart_categorycore.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js infragistics.datachart_category.js (カテゴリチャートシリーズの表示に必要。 折れ線、エリアなど ) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js infragistics.datachart_rangecategory.js (範囲カテゴリ シリーズの表示に必要。rangeArea, rangeColumn など) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js infragistics.datachart_verticalcategory.js (棒シリーズの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js infragistics.datachart_financial.js (財務シリーズの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js infragistics.datachart_extendedfinancial.js (財務オーバレイまたは財務指標の表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categoryCore.js 依存関係: infragistics.datachart_financial.js infragistics.datachart_extendedaxes.js 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js infragistics.datachart_polar.js (極座標シリーズの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js 依存関係: infragistics.datachart_extendedaxes.js infragistics.datachart_radial.js (ラジアル シリーズの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js 依存関係: infragistics.datachart_extendedaxes.js infragistics.datachart_scatter.js (散布シリーズの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js infragistics.datachart_stacked.js (積層シリーズの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_categorycore.js 依存関係: infragistics.datachart_category.js infragistics.piechart.js (円チャートの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js infragistics.funnelchart.js (ファンネル チャートの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js infragistics.doughnutchart.js (ドーナツ チャートの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.piechart.js infragistics.datachart_annotation.js (注釈レイヤーの表示に必要。itemTooltipLayer、categoryToolTipLayer など) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.datachart_core.js infragistics.geographicmap_core.js (地図マップの表示に必要) 依存関係: infragistics.ext_core.js 依存関係: infragistics.ext_collections.js 依存関係: infragistics.ext_ui.js 依存関係: infragistics.ext_text.js 依存関係: infragistics.ext_io.js 依存関係: infragistics.ext_web.js 依存関係: infragistics.dv_core.js 依存関係: infragistics.dv_geometry.js 依存関係: infragistics.dv_geo.js 依存関係: infragistics.datachart_core.js 依存関係: infragistics.datachart_scatter.js 結合したファイルの推薦順序: infragistics.legend.js infragistics.datachart_core.js infragistics.extendedaxes.js infragistics.datachart_categorycore.js infragistics.datachart_category.js infragistics.datachart_verticalcategory.js infragistics.datachart_rangecategory.js infragistics.datachart_financial.js infragistics.datachart_extendedfinancial.js infragistics.datachart_scatter.js infragistics.datachart_polar.js infragistics.datachart_radial.js infragistics.datachart_stacked.js infragistics.datachart_annotation.js infragistics.piechart.js infragistics.dougnutchart.js infragistics.funnelchart.js infragistics.geographicmap.js |
チャート デフォルトをこのリリースでデザイン変更しました。
| 要素 | CSS プロパティ | 以前 | 現在 |
|---|---|---|---|
| チャート軸 | background | #d6d6d6 | #d0d0d0 |
| チャート軸 | border-color | #d6d6d6 | #d0d0d0 |
| スパークライン negativesparkpath | background | #F44336 | #C62828 |
| スパークライン トレンドライン | background | #E68A24 | #7f7f7f |
| スパークラインの始値マーカー | background | #237FA7 | #2E9CA6 |
| スパークラインの終値マーカー | background | #FBC139 | #FF9800 |
| スパークラインの安値マーカー | background | #AF39FF | #7446B9 |
| スパークラインの高値マーカー | background | #A3B929 | #9FB328 |
| スパークラインの負値マーカー | background | #F44336 | #C62828 |
| スパークライン軸 X | border | #989EA3 | #666 |
| スパークライン軸 Y | border | #989EA3 | #666 |
| スパークライン軸 X | text-transform | Lowercase | Uppercase |
| スパークライン軸 Y | text-transform | Lowercase | Uppercase |
| スパークライン軸 X | color | #406090 | #777 |
| スパークライン軸 Y | color | #406090 | #777 |
| スパークライン ツールチップ | box-shadow | 0 0 2px #555555 | 0 0 2px rgba(0,0,0,0.6) |
| スパークライン ツールチップ | box-shadow | 3px 3px 5px rgba(0, 0, 0, 0.25) | box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
| スパークライン ツールチップ | box-shadow | 0 0 2px #555555 | 0 0 2px rgba(0,0,0,0.6) |
| スパークライン ツールチップ | box-shadow | 3px 3px 5px rgba(0, 0, 0, 0.25) | box-shadow: 0 0 2px rgba(0, 0, 0, 0.6) |
| スパークライン ツールチップ | padding | 3px | 5px 8px |
| スパークライン ツールチップ | font-size | 12px | |
| スパークライン ツールチップ | font-family | "Segoe UI", Arial, sans-serif | |
| スパークライン ツールチップ | background-color | #ffffff | rgba(255,255,255 .95) |
| スパークライン sparkpath | background | #43ABD5 | #439C47 |
| スパークライン negativesparkpath | background | #B9242E | #C62828 |
| RadialGauge チャート針 | background-color | #888888 | #9a9a9a |
| RadialGauge チャート ラベル | background-color | #333 | #666 |
| RadialGauge チャート range-palette-1 | background-color | #71b1c1 | #439c47 |
| RadialGauge チャート range-palette-2 | background-color | #408090 | #ff9800 |
| RadialGauge チャート range-palette-3 | background-color | #307080 | #c62828 |
| RadialGauge チャート range-palette-4 | background-color | #206070 | #f96232 |
| RadialGauge チャート range-palette-5 | background-color | #105060 | #9fb328 |
| RadialGauge チャート range-palette-6 | background-color | #014151 | #7446b9 |
| RadialGauge チャート | font-size | 16px | 12px |
| Bulletgraph ラベル | background-color | #333 | #666 |
| Bulletgraph 範囲パレット 1 | background-color | #14151 | #439c47 |
| Bulletgraph 範囲パレット 2 | background-color | #206070 | #ff9800 |
| Bulletgraph 範囲パレット 3 | background-color | #408090 | #c62828 |
| Bulletgraph 範囲パレット 4 | background-color | #71b1c1 | #3f51b5 |
| Bulletgraph 範囲パレット 5 | background-color | #a2e2f2 | #795548 |
| IG チャート軸ラベル | font-family | Verdana, Arial, Helvetica, sans-serif; | "Segoe UI",Arial,sans-serif; |
| IG チャート ツールチップ | box-shadow | 0 0 2px #555555 | 0 0 2px rgba(0,0,0,0.6) |
| IG チャート ツールチップ | font-family | Verdana, Arial, Helvetica, sans-serif; | "Segoe UI",Arial,sans-serif; |
| IG チャート ツールチップ | background-color | rgba(255, 255, 255, 0.85) | rgba(255, 255, 255, 0.95) |
| IG チャート ツールチップ | border | 1px solid #888 | |
| IG チャートのタイトル | color | #696969 | #666 |
| IG チャートのサブタイトル | color | #696969 | #666 |
| IG チャート horizontal-axis-title | color | #696969 | #666 |
| IG チャート vertical-axis-title | color | #696969 | #666 |
| IG チャート horizontal-axis-labels | color | #9B9B9B | #777 |
| IG チャート vertical-axis-labels | color | #9B9B9B | #777 |
| IG チャート angular-axis-labels | color | #9B9B9B | #777 |
| IG チャート radial-axis-labels | color | #9B9B9B | #777 |
| chartPalette1 | background-color | #77B5C5 | #7446B9 |
| chartPalette1 | border | #3d7d8d | #ffffff |
| chartPalette2 | background-color | #C0C0C0 | #9FB328 |
| chartPalette2 | border | #8f8f8f | #ffffff |
| chartPalette3 | background-color | #81AE7A | #F96232 |
| chartPalette3 | border | #608f58 | #ffffff |
| chartPalette4 | background-color | #FAA958 | #2E9CA6 |
| chartPalette4 | border | #f77e11 | #ffffff |
| chartPalette5 | background-color | #A77DBF | #DC3F76 |
| chartPalette5 | border | #7d58a2 | #ffffff |
| chartPalette6 | background-color | #FF7968 | #FF9800 |
| chartPalette6 | border | #de604e | #ffffff |
| chartPalette7 | background-color | #a5c047 | #3F51B5 |
| chartPalette7 | border | #7d9432 | #ffffff |
| chartPalette8 | background-color | #729dc9 | #439C47 |
| chartPalette8 | border | #507bab | #ffffff |
| chartPalette9 | background-color | #f1bd5c | #795548 |
| chartPalette9 | border | #de9712 | #ffffff |
| chartPalette10 | background-color | #65ab88 | #9A9A9A |
| chartPalette10 | border | #447b60 | #ffffff |
| chartPalette11 | background-color | #7e7bc1 | #C62828 |
| chartPalette11 | border | #545794 | #ffffff |
| ui-chart-legend | border | 1px solid #bcbcbc | none |
| ui-chart-piechart-container | border | 1px solid #bcbcbc | none |
| ファンネル チャート | font-size | 14px | 12px |
| ファンネル チャート | color | #555555 | #666 |
| ファンネル チャートのツールチップ | box-shadow | 3px 3px 5px rgba(0, 0, 0, 0.25) | 0 0 2px rgba(0, 0, 0, 0.6) |
| ファンネル チャートのツールチップ | #ffffff | rgba(255,255,255 .95) | |
| ファンネル チャートのツールチップ | padding | 3px | 5px 8px |
| ドーナツ型チャート | color | #fff | |
| UI チャート outerlabels | color | #666 | |
| UI チャート innerlabels | color | #fff | |
| ドーナツ型チャートのツールチップ | padding | 3px | 5px 8px |
凡例は以前のモジュール構造ではチャートに依存していました。 新しいモジュール構造では、ページのチャートで使用されている場合、凡例をモジュールとして明示的に読み込む必要があります。
JavaScript の場合:
$.ig.loader({
scriptPath: "/ig_ui/js/",
cssPath: "/ig_ui/css/",
resources: "igChartLegend,igPieChart"
});
バー シリーズと関連軸は依然のモジュール構造でチャートに統合されていました。 新しいモジュール構造では、ページのチャートやマップで使用される場合、バーシリーズと関連軸は明示的にモジュールとして読み込む必要があります。
JavaScript の場合:
$.ig.loader({
scriptPath: "/ig_ui/js/",
cssPath: "/ig_ui/css/",
resources: "igDataChart.Category.VerticalCategory"
});
円チャート コントロールの新しいデフォルト選択値は SingleSelect に変更しました。
新しい選択機能に干渉せずに既存の円チャート選択ロジックを保つには、SliceSelectionMode オプションを Manual に設定します。
オンラインで表示: GitHub