JavaScript Charts - リアルタイムデータを使用したリッチ＆アニメーション HTML5 グラフ
- 50種類以上のChartsタイプ
- 稲妻のような高速パフォーマンス
- エレガントなアニメーション
- シンプルな設定とAPI
- すべての最新ブラウザをサポート
- モバイルフレンドリーでレスポンシブ
- 詳細なドキュメント
Trusted by the world’s leading companies
なぜSyncfusion JavaScript Chartsを選ぶのか？
50種類以上のChartsタイプ
線グラフ、棒グラフ、エリアグラフなどの日常的なシンプルなChartsから、高度にカスタマイズ可能な複雑な金融Chartsまで対応。
Chartsアニメーション
JavaScript用Chartsは、スムーズなトランジションでデータを表現する流動的なアニメーションを提供します。
パフォーマンス
高速パフォーマンスを実現するよう徹底的に設計されており、10万データポイントを1秒以内にレンダリング可能。
SVGレンダリング
レスポンシブでスケーリングのニーズに対応するベクターベースのクリーンで鮮明なレンダリング。
データ編集
JavaScript Chartsは、レンダリングされたポイントにドラッグアンドドロップサポートを提供します。データ編集により、Charts上のデータを操作できます。
トレンドライン
価格の方向と動きの速度を表示します。トレンドラインは、棒グラフを除くCartesian系列（線、縦棒、散布図、エリア、ローソク足、HiLoなど）に対して生成できます。
グローバリゼーションとローカリゼーション
異なるロケールのユーザーが、日付、通貨、数値を好みに合わせてフォーマットしてChartsを使用できるようにします。
エクスポート
HTML5 ChartsをPDFドキュメントまたはSVG、PNG、JPEGなどの画像形式にエクスポートし、ChartsデータをXLSXやCSV形式でエクスポートします。
あなたのビジネスのための強力で使いやすく、機能豊富なJavaScript Charts
JavaScript Chartsコード例
以下に示すHTML と Javascriptコードの簡単な数行で、JavaScript Chartsを簡単に開始できます。また、JavaScriptでChartsをレンダリングおよび構成する方法を示すJavaScript Charts例も参照してください。
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="container">
<div id="Chart"></div>
</div>
</body>
</html>import { Chart, LineSeries, Category } from '@syncfusion/ej2-charts';
Chart.Inject(LineSeries, Category);
let chart: Chart = new Chart({
primaryXAxis: {
valueType: 'Category'
},
series:[{
type: 'Line',
dataSource: [{ 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' }],
xName: 'x', yName: 'y',
}],
}, '#Chart');JavaScript Chartsライブデモと対話する
ズームとパン、クロスヘア、トラックボール、ドリルダウン、イベント、選択、ツールチップなどの一連のインタラクティブ機能を含めることで、ユーザーエクスペリエンスが大幅に向上します。
モバイルファーストアプローチ
単一のコードベースでHTML5 Chartsを開発し、あらゆるWeb、モバイル、タブレット環境に適応する、よく考え抜かれたモバイル適応アーキテクチャ。モバイルデバイス内で美しく、レスポンシブで、インタラクティブで、アニメーション化されたChartsをレンダリングします。
アクセシビリティ
キーボードナビゲーション
Javascript Chartsは、すべての要素がキーボードアクセシブルであることを保証します。選択、ハイライト、ツールチップ、凡例の折りたたみ、ズームとパンなどの主要機能は、キーボードコマンドのみで実行でき、マウス操作は必要ありません。これにより、このコンポーネントを使用して高度にアクセシブルなアプリケーションを作成できます。
スクリーンリーダー
Javascript Chartsビューは、完全なWAI-ARIAアクセシビリティサポートを提供します。このUIには高コントラストの視覚要素が含まれており、視覚障害のある人が最良の視聴体験を得られるよう支援します。また、有効なUIの説明は、スクリーンリーダーなどの支援技術を通じて簡単にアクセスできます。
右から左（RTL）
右から左へのレンダリングにより、Javascript Chartsのテキストとレイアウトを右から左に表示できます。これにより、RTL言語のユーザーエクスペリエンスとアクセシビリティが向上します。
50種類以上のChartsタイプ
252K+ ダウンロード
110種類以上のインタラクティブデモ
その他サポートされているフレームワーク
ChartsはBlazor、React、Angular、VueフレームワークでもService Available。以下のリンクからプラットフォーム固有のオプションを探索してください：
サポートされているブラウザ
JavaScript ChartsはChrome、Firefox、Edge、Safari、Operaを含むすべての最新Webブラウザで適切に動作します。
最初のJavaScript Chartsの作成方法がわからない？私たちのドキュメントがお手伝いします。
今すぐ読んでみたいと思いますビジネスに役立つ可能性のあるその他のデータ視覚化コンポーネント。
よくある質問
なぜSyncfusion JavaScript Chartsを選ぶべきなのか？
Syncfusion JavaScript Chartsは以下の機能をサポートします：
50種類以上のChartsタイプとエレガントなアニメーションをサポート。
JavaScriptアプリでの高速読み込み時間と豊富なUI対話。
SVGとCanvasレンダリングの両方をサポート（高速レンダリング用）。
注釈オプションを使用してChartsにカスタム要素を追加できます。
複数のChartsでデータを表示する際、同期Chartsは、すべてのCharts間でツールチップ、クロスヘア、選択、ズーム機能を調整することで可視化を強化します。
トレンドラインサポートの助けを借りて、Chartsで価格の方向と動きの速度を表示。
JSON、RESTful services、OData services、WCF servicesなどのローカルおよびリモートデータソースの使用サポートを含む柔軟なデータバインディング。
- ソフトウェアとの対話に機能豊富なUIを提供する市場最高のJavaScript Chartsの一つ。
シンプルな構成とAPI。
- すべての最新ブラウザをサポート。
- モバイルタッチフレンドリーでレスポンシブ。
Syncfusion JavaScript Chartsの価格はいくらですか？
JavaScript Chartsは個別販売していません。Syncfusionチームライセンスの一部としてのみ購入可能です。これには、JavaScript Chartsを含む以上のコンポーネントとフレームワークが含まれています。チームライセンスの価格は5名の開発者で月額395ドルから始まり、サブスクリプションが期限切れになるまでのサポートと更新が含まれています。さらに、現在有効なプロモーションに基づいて割引を提供する場合があります。追加割引の対象になるかどうかについては、今すぐ製品スペシャリストにお問い合わせください。
Syncfusion JavaScript Chartsデモはどこで確認できますか？
Chartsのレンダリングと設定方法を実演するJavaScript Chartsデモを確認できます。
Syncfusion JavaScript Chartsコンポーネントを個別に購入できますか？
いいえ、JavaScript Chartsを含むWeb、モバイル、デスクトップ用の以上のコンポーネントとフレームワークは個別販売していません。これらはチームライセンスの一部としてのみ利用可能です。ただし、製品は競争力のある価格設定をしており、他のベンダーがChartsコントロール単体で請求する金額とほぼ同額です。また、私たちの経験では、お客様は通常、私たちの製品の一つから始めてすぐに複数の製品に拡張するため、5名の開発者チームで月額395ドルから始まるサブスクリプション料金で以上のすべてのコンポーネントとフレームワークを提供するのが最良だと感じました。さらに、現在有効なプロモーションに基づいて割引を提供できる場合があります。追加割引の対象になるかどうかについては、今すぐ製品スペシャリストにお問い合わせください。
Syncfusion JavaScript Chartsを無料でダウンロードして利用できますか？
いいえ、これは商用製品であり、有料ライセンスが必要です。ただし、年間総収入が100万米ドル未満で、開発者が5名以下の企業や個人には無料のコミュニティライセンスも利用可能です。
Syncfusion JavaScript Chartsを始めるにはどうすればよいですか？
まずは私たちの包括的な開始ドキュメントから始めるのが良いでしょう。
お客様は私たちを愛しています
実際の成功事例を見る
世界中の開発者が複雑なプロジェクトを簡素化し、納期を短縮するために Syncfusion の Essential Studio を信頼しています。豊富な UI コントロール ライブラリ、強力な SDK、信頼できるサポートにより、Essential Studio はチームがエンタープライズ対応のアプリケーションを自信を持って構築できるよう支援します。
ケーススタディを探る産業
ソフトウェア開発
75% コスト削減
50% より迅速な開発
産業
公益事業 (石油・ガス)
450+ 節約された時間
プロセスを合理化し、開発工数を大幅に削減
高度で柔軟な機能
強力で多用途な機能によりユーザーを支援
産業
ソフトウェアと技術
1000+ 節約された時間
エンタープライズ対応の UI コンポーネントで開発を加速
効率的なファイル管理
ドキュメント ライブラリにより、ゼロから構築することなくワークフローを合理化
産業
ソフトウェアと技術
2年 回避された遅延
プロアクティブな計画により 2 年間の遅延を防止
予定どおりの納品
信頼性の高いコントロールを使用してプロジェクトを期日どおりに納品
産業
ITサービスとITコンサルティング
パフォーマンスの向上
大規模データセットを簡単なカスタマイズと迅速なデバッグで処理
高いカスタマイズ性
プラグアンドプレイ方式のコントロールによりテンプレートを素早く統合
産業
プロフェッショナルサービス
即時アクセス
機能とリソースをすぐに利用可能
依存関係の削減
開発を高速化するための依存関係を最小限に
世界中のユーザーからの評価
受賞歴
偉大さ—自分で言うのではなく、他の人が認めるからこそ意味があります。 シンクフュージョンは以下の賞をいただきました。
JavaScript Chartsブログでの最近の活動
JavaScript Chartsブログ投稿は、JavaScriptコントロールを使用した最初のアプリの構築をガイドします。問題解決戦略を提供し、特徴と機能を説明し、新機能リリースを発表し、ベストプラクティスを説明し、例となるシナリオを紹介します。JavaScript Charts更新について、ブログチャンネルの最新投稿を探索してください。
