Skip to content

shen-yu/hexo-tag-chart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 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.

Releases

No releases published

Packages

No packages published