vue chart.js_Chart.js的Vue图表组件示例

vue chart.js

具有Chart.js的Vue图表组件 (Vue Chart Component with Chart.js)

A reactive chart component for Vue.js application, powered by Chart.js library. This is a final working example from my tutorial: Vue Chart Component with Chart.js.

由Chart.js库提供支持的Vue.js应用程序的React式图表组件。 这是我的教程中的最后一个工作示例：带有Chart.js的Vue图表组件。

要求 (Requirements)

The following item is required to run this example:

运行此示例需要以下各项：

• Node.js

  Node.js

安装 (Installation)

1.克隆存储库 (1. Clone the Repository)

To clone this repository, run the following command on your terminal:

要克隆此存储库，请在终端上运行以下命令：

$ git clone[email protected]:risan/vue-chart-example.git

2.安装依赖项 (2. Install the Dependencies)

Within the project directory, run the following command to install all of the required dependencies:

在项目目录中，运行以下命令以安装所有必需的依赖项：

# Go to the project directory
$ cd vue-chart-example

# Install all of the dependencies
$ npm install

# Or if you prefer to use Yarn
$ yarn install

3.运行应用程序???? (3. Run the Application ????)

To run the application, run the following command:

要运行该应用程序，请运行以下命令：

$ npm run serve

# Or with yarn
$ yarn serve

The above command will start the development server. Open your browser and visit the application at [localhost:8080](http://localhost:8080).

4.量产 (4. Build for Production)

To build the application for production, run the following command:

要生成用于生产的应用程序，请运行以下命令：

$ npm run build

# Or with yarn
$ yarn build

The optimized build files will be available at dist directory.

优化的构建文件将在dist目录中提供。

翻译自: https://vuejsexamples.com/vue-chart-component-example-with-chart-js/

vue chart.js