https://github.com/jmsv/pastille

A percentage indicator chart thing for Angular
https://github.com/jmsv/pastille

Last synced: over 1 year ago
JSON representation

A percentage indicator chart thing for Angular

• Host: GitHub
• URL: https://github.com/jmsv/pastille
• Owner: jmsv
• License: mit
• Created: 2019-08-14T13:46:04.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T08:43:14.000Z (over 3 years ago)
• Last Synced: 2024-10-25T21:24:20.467Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/pastille
• Size: 1.94 MB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Pastille

[![Pastille build CI status](https://github.com/jmsv/pastille/workflows/Pastille%20build%20CI/badge.svg)](https://github.com/jmsv/pastille/actions)

A percentage indicator chart thing for Angular

![pastille](https://user-images.githubusercontent.com/14852491/63027254-86621680-bea4-11e9-880e-518b5fb32f81.gif)

## Usage

In your module:

```js

import { PastilleModule } from 'pastille';

@NgModule({

  ...

  imports: [

    ...

    PastilleModule

    ...

  ],

  ...  

})

```

In your template:

```html

```

Where `data` is in the following format:

```js

data = [{

  name: 'Downloaded',

  value: 50,

  color: '#8bc34a'

}, {

  name: 'Failed',

  value: 30,

  color: '#f44336'

}, {

  name: 'Not downloaded',

  value: 20,

  color: '#cfd8dc'

}]

```

## Development

`npm start` runs the example app on `localhost:1337`