angular-chartist.js

Angular directive for Chartist.js

Github stars Tracking Chart

angular-chartist.js

Angular 1.x directive for Chartist.js

Looking for the Angular version?

Installation

Current

npm install angular-chartist.js chartist angular --save
yarn add angular-chartist.js chartist angular

Next

npm install angular-chartist.js@next chartist angular --save
yarn add angular-chartist.js@next chartist angular

Usage

Make sure you have loaded the necessary scripts in the correct order.
Add angular-chartist as a module dependency, like so:

// >= 4.1
import angular from 'angular';
import angularChartist from 'angular-chartist.js';

angular.module('app', [angularChartist]);

In your HTML, add the chartist directive to any div or make it a custom element:

<chartist
  class="ct-chart"
  chartist-data="chartist.barData"
  chartist-chart-type="Bar"
></chartist>
```, Attribute, Type, Required, -----------------------------, ------, --------, `chartist-data`, Object, Yes, `chartist-chart-type`, String, Yes, `chartist-events`\*, Object, No, `chartist-chart-options`, Object, No, `chartist-responsive-options`, Array, No, Format for Chartist events:

```js
{
  event: function eventHandler(obj) {
    // do stuff on event
  }
}

For the sorts of values these options accept, check out the Chartist.js docs

Using Plugins

Simply put the plugins array in the options object.

Example:

$scope.chartOptions = {
  plugins: [
    Chartist.plugins.ctPointLabels({
      textAnchor: 'middle'
    })
  ]
};

Issues?

This directive is simply a wrapper, anything you pass to the directive gets passed right through to the appropriate method
on the Chartist side. Any issues with the charts, data, options, etc, should be filed against Chartist.js

Feel free to file an issue / PR if you feel that the directive can be improved in some way though.

Main metrics

Overview
Name With Ownerwillsoto/angular-chartist.js
Primary LanguageJavaScript
Program languageCSS (Language Count: 3)
Platform
License:MIT License
所有者活动
Created At2014-09-10 12:23:36
Pushed At2022-01-14 13:19:15
Last Commit At2022-01-13 14:25:45
Release Count56
Last Release Namev5.0.0-beta.2 (Posted on 2018-08-18 20:52:43)
First Release Namev0.1.2 (Posted on 2014-09-10 07:03:34)
用户参与
Stargazers Count204
Watchers Count9
Fork Count41
Commits Count645
Has Issues Enabled
Issues Count90
Issue Open Count0
Pull Requests Count308
Pull Requests Open Count0
Pull Requests Close Count134
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private