ホームページ  >  記事  >  ウェブフロントエンド  >  highcharts チャートを Vue プロジェクトに導入するにはどのような方法がありますか?

highcharts チャートを Vue プロジェクトに導入するにはどのような方法がありますか?

亚连
亚连オリジナル
2018-06-01 11:44:571920ブラウズ

ここで、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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。