Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

なぜ Syncfusion Essential Studio® Blazor Charts を選ぶのか?

Blazor Charts Type image

50以上のChartsタイプ

ラインCharts、バーCharts、エリアChartsなどのシンプルな日常的なChartsから、高度にカスタマイズ可能な複雑な金融Chartsまで対応。

Blazor Chart Animation image

Chartsアニメーション

滑らかなトランジションでデータを表現する流動的なアニメーション。

Blazor Charts Performance image

パフォーマンス

1秒未満で10万データポイントをレンダリング可能な高速パフォーマンスを実現するよう徹底的に設計。

Blazor Charts Sdk image

SVGレンダリング

すべてのレスポンシブとスケーリングニーズに対応するベクターベースの美しくクリスプなレンダリング。

Blazor Charts Data Editing image

データ編集

レンダリングされたポイントにドラッグ&ドロップサポートを提供。データ編集により、Charts上のデータを操作できます。

Blazor Charts Trendlines image

トレンドライン

価格の方向と動きの速度を表示。トレンドラインは、バー以外のカルテシアンタイプシリーズ(ライン、列、散布図、エリア、ローソク足、HiLoなど)で生成可能。

Blazor Charts Globalization image

グローバリゼーションとローカリゼーション

日付、通貨、数値の形式設定により、異なるロケールのユーザーが好みに合わせて使用できます。

Blazor Charts Export image

エクスポート

ChartsをPDFドキュメントまたはSVG、PNG、JPEGなどの画像形式にエクスポート。ChartsデータをXLSXやCSV形式にエクスポート。

あなたのビジネスのための強力で使いやすく、機能豊富な Blazor Charts


Blazor Charts コード例

以下に示すような数行のシンプルなC#コード例で、Blazor Charts を簡単に使い始められます。また、Charts のレンダリングと設定方法を示す Blazor Charts の例 もご覧ください。

Blazor Playground で編集

@using Syncfusion.Blazor.Charts

    <SfChart>
        <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"></ChartPrimaryXAxis>
        <ChartSeriesCollection>
            <ChartSeries DataSource="@Sales" XName="Month" YName="SalesValue" Type="ChartSeriesType.Column">
            </ChartSeries>
        </ChartSeriesCollection>
    </SfChart>

@code {
    public class SalesInfo
    {
        public string Month { get; set;}
        public double SalesValue { get; set;}
    }
    public List<SalesInfo> Sales = new List<SalesInfo>
    {
        new SalesInfo { Month = "Jan", SalesValue = 35 },
        new SalesInfo { Month = "Feb", SalesValue = 28 },
        new SalesInfo { Month = "Mar", SalesValue = 34 },
        new SalesInfo { Month = "Apr", SalesValue = 28 },
        new SalesInfo { Month = "May", SalesValue = 40 },
        new SalesInfo { Month = "Jun", SalesValue = 32 },
        new SalesInfo { Month = "Jul", SalesValue = 35 },
        new SalesInfo { Month = "Aug", SalesValue = 55 },
        new SalesInfo { Month = "Sep", SalesValue = 38 },
        new SalesInfo { Month = "Oct", SalesValue = 30 },
        new SalesInfo { Month = "Nov", SalesValue = 25 },
        new SalesInfo { Month = "Dec", SalesValue = 32 }
    };
}
mobile addaptive icon

モバイルファーストアプローチ

単一のコードベースで Blazor Charts を開発し、あらゆるWeb、モバイル、タブレット環境に適応する、よく考えられたモバイル適応アーキテクチャ。モバイルデバイス内で美しい、レスポンシブ、インタラクティブ、アニメーション付きのChartsをレンダリング。

アクセシビリティ

Keyboard navigation in Blazor Chart.

キーボードナビゲーション

Blazor Charts は、すべての要素がキーボードでアクセス可能であることを保証します。選択、ハイライト、ツールチップ、凡例の折りたたみ、ズーム、パンなどの主要機能は、キーボードコマンドのみで実行できます。マウスの操作は不要です。これにより、このコンポーネントを使用して高いアクセシビリティを持つアプリケーションを作成できます。

Accessibility and screen reader support in Blazor Chart.

スクリーンリーダー

Blazor Charts ビューには、完全なWAI-ARIAアクセシビリティサポートがあります。このUIには高コントラストの視覚要素が含まれており、視覚障害のある人々にとって最高の閲覧体験を提供します。また、有効なUI記述は、スクリーンリーダーなどの支援技術を通じて簡単にアクセスできます。

Show right-to-left language in Blazor Charts.

右から左(RTL)

右から左へのレンダリングにより、Blazor Charts のテキストとレイアウトを右から左に表示できます。これにより、RTL言語のユーザーエクスペリエンスとアクセシビリティが向上します。

その他のサポートされているフレームワーク

Charts は React、Angular、JavaScript、Vue フレームワークでも利用可能です。以下のリンクから各プラットフォーム固有のオプションをご覧ください:

サポートされているブラウザー

Blazor Charts は Chrome、Firefox、Edge、Safari、Opera を含むすべてのモダンWebブラウザーで適切に動作します。

Supported browsers in Blazor Charts.


最初の Blazor Charts の作成方法がわからない場合、私たちのドキュメントが役立ちます。

Blazor サーバーサイドChartsから始める Blazor WebAssembly Chartsから始める

よくある質問

Syncfusion Blazor Charts は以下の機能をサポートします:

  • 50以上のChartsタイプとエレガントなアニメーションをサポート。

  • サーバーサイドとクライアントサイド(WebAssembly)の両方の Blazor アプリで超高速読み込み時間と豊富なUI相互作用

  • アノテーションオプションを使用してChartsにカスタム要素を追加可能。

  • SVGとCanvas(高速レンダリング)の両方のレンダリングをサポート。
  • 同期Chartsは、2つ以上のChartsに同時にアクセスし、相互作用する機能を持ちます。

  • Web API、OData、Entity Framework などのデータソースの使用をサポートする柔軟なデータバインディング

  • ソフトウェアと相互作用するための機能豊富なUIを提供する市場最高の Blazor Charts の一つ。
  • シンプルな設定とAPI

  • すべてのモダンブラウザーをサポート。
  • Chartsデータラベルは重複せずにインテリジェントに自動配置されます。

  • モバイルタッチフレンドリーでレスポンシブ。
  • Blazor Charts をすぐに学習し、使い始めるための豊富なデモドキュメントビデオ

私たちは Blazor Charts を個別に販売していません。Syncfusion チームライセンスの一部としてのみ購入可能です。これには Blazor Charts を含む 以上のコンポーネントとフレームワークが含まれています。チームライセンスの価格は、5人の開発者で月額$395から始まり、購読期限まで、サポートと更新が含まれます。さらに、現在実施中のプロモーションに基づいて割引を提供できる場合があります。追加割引の対象となるかどうか、今すぐ製品スペシャリストにお問い合わせください。

Charts のレンダリングと設定方法を実演する Blazor Charts デモ をご覧いただけます。

いいえ、Blazor Charts を含む 以上のコンポーネントとフレームワーク(Web、モバイル、デスクトップ用)は個別に販売していません。これらはチームライセンスの一部としてのみ利用可能です。しかし、競争力のある価格設定により、他のベンダーがChartsコンポーネントだけで請求する価格よりもわずかに多い程度のコストになっています。私たちの経験では、お客様は通常、私たちの製品の一つから始めて、すぐに複数の製品に拡張されるため、5人の開発者チームで月額$395から始まる購読料で 以上のコンポーネントとフレームワークすべてを提供するのが最善だと考えました。また、現在実施中のプロモーションに基づいて割引を提供できる場合があります。追加割引の対象となるかどうか、今すぐ製品スペシャリストにお問い合わせください。

いいえ、これは商用製品であり、有償ライセンスが必要です。ただし、年間総収入が100万ドル未満で、開発者が5人以下の企業や個人には、無料のコミュニティライセンスも提供しています。

まずは、私たちの包括的な入門ドキュメントから始めるのが良いでしょう。

お客様は私たちを愛しています

優れたツール群と充実したサポートチームにより、Syncfusion® はお客様の開発時間を短縮します。
お客様の体験談の一部をご紹介します。

実際の成功事例を見る

世界中の開発者が複雑なプロジェクトを簡素化し、納期を短縮するために Syncfusion の Essential Studio を信頼しています。豊富な UI コントロール ライブラリ、強力な SDK、信頼できるサポートにより、Essential Studio はチームがエンタープライズ対応のアプリケーションを自信を持って構築できるよう支援します。

ケーススタディを探る


世界中のユーザーからの評価

受賞歴

偉大さ—自分で言うのではなく、他の人が認めるからこそ意味があります。 シンクフュージョンは以下の賞をいただきました。

Blazor Charts チュートリアルとブログの最新情報

Blazor Charts のチュートリアル動画とブログ投稿は、Blazor コンポーネントで最初のアプリケーションを構築する際の指針となります。これらは問題解決戦略を提供し、機能と機能性を説明し、新機能のリリースを発表し、ベストプラクティスを説明し、例のシナリオを紹介します。Blazor Charts アップデートについては、ブログとチュートリアル動画チャンネルの最新投稿をご覧ください。

Up arrow icon