ホームページ > 記事 > ウェブフロントエンド > highcharts チャートを Vue プロジェクトに導入するにはどのような方法がありますか?
ここで、vue プロジェクトに highcharts チャートを導入する方法 (詳細な説明) を共有します。これは、皆さんの参考になると思います。
インポートが完了したら、Npm でインポートできます。 、highchars をインポートできます
npm install highcharts --save
1. コンポーネントディレクトリに新しい chart.vue コンポーネントを作成します
2.が構築されたら、 chart-options ディレクトリの作成を開始し、以下に示すディレクトリに示すように、その中にシミュレーションされたチャート データを保存するための options.js を作成します
以下に示すように私が書いたヒストグラムのデータ
rreee3チャートコンポーネントを参照してください将来みんなに役立つでしょう。
関連記事:Vueはミックスインを使用して圧縮画像コードを実装
vue2.0のシミュレートされたアンカーポイントの例
Vue2.0イベントのブロードキャストと受信(オブザーバーモード)
以上がhighcharts チャートを Vue プロジェクトに導入するにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。