ChartJS使用-环境搭建(vue)

1、介绍

Chartjs简约不简单的JavaScript的图表库。官网icon-default.png?t=N7T8https://chart.nodejs.cn/

ChartJS使用-环境搭建(vue)_第1张图片

Chart.js 带有内置的 TypeScript 类型,并与所有流行的 JavaScript 框架 兼容,包括 React 、Vue 、Svelte 和 Angular 。 你可以直接使用 Chart.js 或利用维护良好的封装程序包,以便与你选择的框架进行更原生的集成。

集成的相关

集成 | Chart.js 中文网

Vue中集成

GitHub - apertureless/vue-chartjs: Vue.js wrapper for Chart.js

以下是利用vue中集成使用

2、安装

pnpm add vue-chartjs chart.js
# or
yarn add vue-chartjs chart.js
# or
npm i vue-chartjs chart.js

3、实现Bar





你可能感兴趣的:(vue.js,前端,javascript,chartjs)