Trusted by the world’s leading companies
概要
Angular Chartsは、データ可視化のために巧妙に作られたチャートコンポーネントです。線形から金融チャートまで、すべてのチャート作成シナリオに対応する50種類以上のChartsとGraphsの豊富なUIギャラリーを含んでいます。その高いパフォーマンスにより、大量のデータを迅速にレンダリングできます。また、ズーム、パン、ツールチップ、クロスヘア、トラックボール、ハイライト、選択などの機能も備えています。
なぜSyncfusion Essential Studio® Angular Chartsを選ぶべきか？
50種類以上のチャートタイプ
線チャート、棒チャート、エリアチャートなどの日常的なAngular Chartsから、高度にカスタマイズ可能な複雑な金融チャートまで幅広く対応。
チャートアニメーション
Angular用Chartsは、スムーズなトランジションでデータを表現するための流動的なアニメーションを提供します。
パフォーマンス
Angular Chartsは高速パフォーマンスを提供するよう徹底的に設計されており、1秒未満で100Kのデータポイントをレンダリングできます。
SVGレンダリング
レスポンシブ性とスケーリングのニーズに対応するベクトルベースの清潔で鮮明なレンダリング。
データ編集
リッチなUIを持つAngular Chartsは、レンダリングされたポイントにドラッグ＆ドロップサポートを提供します。データ編集により、チャート上のデータを操作できます。
トレンドライン
価格の方向性と動きの速度を表示します。トレンドラインは、棒グラフを除くデカルト型系列（線、縦棒、散布図、エリア、キャンドル、高低など）に対して生成できます。
グローバル化とローカライゼーション
異なるロケールのユーザーが、日付、通貨、数値フォーマットを好みに合わせてAngular Graphsを使用できます。
エクスポート
ChartsをPDFドキュメントまたはSVG、PNG、JPEGなどの画像形式でエクスポートします。
あなたのビジネスのための強力で使いやすく、機能豊富なAngular Charts
Angular Charts コード例
以下に示すようにHTMLとTSコードの数行で、Angular Chartsを簡単に始めることができます。また、AngularでChartsをレンダリングし設定する方法を示すAngular Charts例もご覧ください。
<ejs-chart style='display:block' id='chartcontainer' [primaryXAxis]='primaryXAxis'>
<e-series-collection>
<e-series [dataSource]='data' type='Line' xName='x' yName='y'> </e-series>
</e-series-collection>
</ejs-chart>//app.component.ts
import { Component } from '@angular/core';
export class AppComponent {
public data: Object[] = [{ x: 'WW', y: 38.3, text: 'World Wide' },
{ x: 'EU', y: 45.2, text: 'Europe' },
{ x: 'APAC', y: 18.2, text: 'Asia Pacific' },
{ x: 'LATAM', y: 46.7, text: 'Latin America' },
{ x: 'MEA', y: 61.5, text: 'Middle East Africa' },
{ x: 'NA', y: 64, text: 'North America' }];
//Initializing Primary X Axis
public primaryXAxis: Object = {
valueType: 'Category',
};
}
//app.module.ts
import { ChartModule } from '@syncfusion/ej2-ng-charts';
import { LineSeriesService, CategoryService} from '@syncfusion/ej2-ng-charts';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule, ChartModule
],
providers: [ LineSeriesService, CategoryService],
bootstrap: [AppComponent]
})
export class AppModule { }
モバイルファーストアプローチ
単一のコードベースと良く考えられたモバイル適応アーキテクチャでAngular Chartsを開発し、あらゆるWeb、モバイル、タブレット環境に適応します。モバイルデバイス内で美しく、レスポンシブで、インタラクティブで、アニメーション化されたChartsをレンダリングします。
アクセシビリティ
キーボードナビゲーション
Angular Chartsは、すべての要素がキーボードでアクセス可能であることを保証します。選択、ハイライト、ツールチップ、凡例の折りたたみ、ズーム、パンなどの主要機能は、キーボードコマンドだけで実行できます。マウス操作は必要ありません。これにより、このコンポーネントを使用して高度にアクセス可能なアプリケーションを作成できます。
スクリーンリーダー
Angular Chartsビューは、完全なWAI-ARIAアクセシビリティサポートを持っています。このUIには高コントラストの視覚要素が含まれており、視覚障害のある人が最高の表示体験を得るのに役立ちます。また、有効なUI記述は、スクリーンリーダーなどの支援技術を通じて簡単にアクセスできます。
右から左 (RTL)
右から左へのレンダリングにより、Angular Chartsのテキストとレイアウトを右から左に表示できます。これにより、RTL言語のユーザー体験とアクセシビリティが向上します。
Angularバージョン互換性
Angularバージョンの継続的な改善により、Angular Chartsはバージョン4から最新バージョンまでとの互換性を保つために最新の状態に保たれています。
サポートされている他のフレームワーク
ChartsはBlazor、React、JavaScript、Vueフレームワークで利用可能です。以下のリンクからプラットフォーム固有のオプションをご覧ください：
サポートされているブラウザ
Angular Chartsは、Chrome、Firefox、Edge、Safari、Operaを含むすべての最新Webブラウザで正常に動作します。
Other data visualization components that may help your business.
Frequently Asked Questions
なぜSyncfusion Essential Studio® Angular Chartsを選ぶべきですか？
Syncfusion Angular Chartsコンポーネントは以下の機能をサポートしています：
50種類以上のチャートタイプとエレガントなアニメーションをサポート。
Angularアプリでの驚異的な高速読み込み時間と豊富なUIインタラクション。
SVGとCanvasの両方のレンダリングをサポート（高速レンダリング用）。
注釈オプションを使用してチャートにカスタム要素を追加できます。
JSON、RESTfulサービス、ODataサービス、WCFサービスなどのローカルおよびリモートデータソースの使用をサポートする柔軟なデータバインディング。
- ソフトウェアとインタラクションするための機能豊富なUIを提供する市場最高のAngular Chartsの1つ。
シンプルな設定とAPI。
- すべての最新ブラウザをサポート。
複数のチャートでデータを表示する際、同期チャートはすべてのチャート間でツールチップ、クロスヘア、選択、ズーム機能を調整することで可視化を強化します。
- モバイルタッチフレンドリーでレスポンシブ。
Syncfusion Angular Chartsコンポーネントを個別に購入できますか？
いいえ、Angular Chartsを含む1,600種類以上のWeb、モバイル、デスクトップ向けコンポーネントとフレームワークは、個別に販売されていません。これらはチームライセンスの一部としてのみ利用可能です。ただし、競争力のある価格設定により、他の一部ベンダーがChartsコンポーネント単体で請求する価格よりもわずかに高い程度の価格になっています。私たちの経験では、お客様は通常、私たちの製品の1つから使い始めて、すぐに複数の製品に拡張することがわかったため、1,600種類以上のすべてのコンポーネントとフレームワークを、5人の開発者チームで月額$395から始まるサブスクリプション料金で提供するのが最適だと考えました。さらに、現在実施中のプロモーションに基づいて割引を提供できる場合があります。追加割引の対象となるかどうかを確認するため、今すぐ製品スペシャリストにお問い合わせください。
Syncfusion Angular Chartsを無料でダウンロードして利用できますか？
いいえ、これは商用製品であり、有料ライセンスが必要です。ただし、年間総収入が100万米ドル未満で、開発者が5名以下の企業および個人には無料コミュニティライセンスも提供されています。
Syncfusion Angular Chartsを始めるにはどうすればよいですか？
始めるのに良い場所は、包括的な入門ドキュメントです。
Syncfusion Angular Chartsではどのくらいのチャートタイプが利用できますか？
Syncfusion Angular Chartsを使用すると、50種類以上のチャートタイプを使用してデータを可視化できます。各チャートタイプは、美しい視覚効果を作成するための組み込みサポートで簡単に設定できます。
Syncfusion Angular Chartsの価格はいくらですか？
Angular Chartsを個別に販売はしていません。Syncfusion チームライセンスの一部としてのみ購入可能です。これにはAngular Chartsを含む1,600種類以上のコンポーネントとフレームワークが含まれています。チームライセンスの価格は5人の開発者で月額$395から始まり、サブスクリプションが期限切れになるまでサポートとアップデートが含まれます。さらに、現在実施中のプロモーションに基づいて割引を提供する場合があります。追加割引の対象となるかどうかを確認するため、今すぐ製品スペシャリストにお問い合わせください。
Syncfusion Angular Chartsのデモはどこで見つけることができますか？
Chartsのレンダリングと設定方法を示すAngular Chartsデモを見つけることができます。
お客様は私たちを愛しています
世界中のユーザーからの評価
受賞歴
偉大さ—自分で言うのではなく、他の人が認めるからこそ意味があります。 シンクフュージョンは以下の賞をいただきました。
Angular Chartsチュートリアルとブログの最近の活動
Angular Chartsのチュートリアルビデオとブログ投稿は、Angularコンポーネントを使用して初めてのアプリを構築する際の指針となります。問題解決戦略を提供し、機能と機能性を説明し、新機能リリースを発表し、ベストプラクティスを説明し、例のシナリオを紹介します。Angular Chartsの更新については、ブログとチュートリアルビデオチャンネルで最新の投稿をご覧ください。
