Dive into the options of chart.js to create stunning charts.
Interactive charts can provide a cool way to visualize your data.
However most out of the box solutions are not as beautiful as they could be, with default options.
What we will use:
We use vue-cli to create a basic structure. So I hope you got it installed already. And we use vue-chart.js as a wrapper for chart.js.
vue init webpack awesome-charts
Then we go into our project folder and install our dependencies.
cd awesome-charts && yarn install
yarn add vue-chartjs -S
So, let’s create our first line chart.
touch src/components/LineChart.js && subl .
... read the whole story at medium.com.