🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

angular-chartist.js

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-chartist.js

Angular directive for Chartist.js

5.0.0-beta.2
latest
Source
npm
Version published
Weekly downloads
405
-8.37%
Maintainers
1
Weekly downloads
 
Created
Source

angular-chartist.js

CircleCI

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>
AttributeTypeRequired
chartist-dataObjectYes
chartist-chart-typeStringYes
chartist-events*ObjectNo
chartist-chart-optionsObjectNo
chartist-responsive-optionsArrayNo

Format for Chartist events:

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

Keywords

angular

FAQs

Package last updated on 19 Aug 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts