Skip to content

shen-yu/hexo-tag-chart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

hexo-tag-chart

npm npm

Insert Chartjs in Hexo site by using tags.

English | 中文说明

Install

$ npm install hexo-tag-chart --save

Usage

{% chart [width] [height] %} \\Chartjs options goes here {% endchart %} 
Name Type Default Description
width decimal 100% The width of chart, responsive in window.
height number 300 The height of chart (px).

Example

Line

{% chart 80% 300 %} { type: 'line', data: { labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], datasets: [{ label: 'My First dataset', backgroundColor: 'rgb(255, 99, 132)', borderColor: 'rgb(255, 99, 132)', data: [0, 10, 5, 2, 20, 30, 45] }] }, options: { responsive: true, title: { display: true, text: 'Chart.js Line Chart' } } }; {% endchart %} 

line chart

For more details, visit Demo here.

About

Insert Chartjs in Hexo by using tags. 📈

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors