Skip to content
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bar Chart

The bar-chart visualization plugin

Build Status Version

📦 Installation

CDN Import

<script type="text/javascript" src="https://unpkg.com/bar-chartjs/lib/index.min.js"></script>

Module Import

npm install bar-chartjs --save
yarn add bar-chartjs

🔨 Usage

<canvas id="canvas"></canvas>
var canvas = document.querySelector('#canvas');
var Option = {
  data: [50, 270, 100],
  labels: ['Mon', 'Tues', 'Wed']
};
new BarChart(canvas, Option);

⚙ Config

{
  data: [],
  labels: [],
  xAxis: {
    font: {
      size: 13,
      family: 'Arial',
      style: '#333'
    },
    line: {
      style: '#333',
      width: 1
    }
  },
  yAxis: {
    font: {
      size: 13,
      family: 'Arial',
      style: '#333'
    },
    line: {
      style: '#aaa',
      width: 1
    }
  },
  bar: {
    style: {
      default: 'rgba(16, 142, 233, 0.6)',
      select: 'rgb(16, 142, 233)',
    }
  },
  style: {
    axis: '#aaa',
    line: '#ccc'
  },
  duration: 2000,
  tooltip: {
    radius: 4,
    font: {
      size: 14,
      family: 'Arial',
      style: 'rgba(0, 0, 0, 0.6)'
    }
  }
}

📃 License

MIT

Copyright (c) 2019-present, Reming

About

📊 The bar-chart base on native-javascript

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages