<commit_before>WIP:not yet deployed to NPM

# ng-dygraphs

## Installation

To install ng-dygraphs library, run:

```bash
$ npm install ng-dygraphs --save
```

## Usage
 
and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import ng-dygraphs library
import { NgDygraphsModule } from 'ng-dygraphs';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify NgDygraphsModule library as an import
    NgDygraphsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once ng-dygraphs library is imported, you can use ng-dygraphs component in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<ng-dygraphs 
  [data]="data" 
  [lineNames]="['Value bar 1', 'Value bar 2']" 
  [ylabel]="Y label text" 
  [xlabel]="X label text" 
  [pointSize]="4"><commit_msg>documentation update<commit_after># ng-dygraphs
Angular 2+ library for basic support of dygraphs(http://dygraphs.com) charts

## Supported features of dygraphs (for detailed information look at http://dygraphs.com/options.html)

 ```typescript
   data //http://dygraphs.com/data.htm
   xlabel
   ylabel
   axes
   legend   // default value is 'false'
   pointSize
```

## Custom features
 ```typescript
  lineNames;  //this is the list that will be places in "labels" dygraphs property
  customVisibility //posibility to turn on/off some of chart values http://dygraphs.com/tests/visibility.html, default value is 'false'
  //define size of chart
  chartWidth: number = 640; // default value is 640
  chartHeight: number = 480; // default value is 480
```

## Installation

To install ng-dygraphs library, run:

```bash
$ npm install ng-dygraphs --save
```

## Usage
 
and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import ng-dygraphs library
import { NgDygraphsModule } from 'ng-dygraphs';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify NgDygraphsModule library as an import
    NgDygraphsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once ng-dygraphs library is imported, you can use ng-dygraphs component in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<ng-dygraphs 
  [data]="data" 
  [lineNames]="['Value bar 1', 'Value bar 2']" 
  [ylabel]="Y label text" 
  [xlabel]="X label text" 
  [pointSize]="4"
  [customVisibility]="true"
  >
{'fraction_non_alphanumeric': 0.13171759747102213, 'fraction_numerical': 0.008078679311556024, 'mean_word_length': 3.8271186440677964, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6104631', 'n_tokens_mistral': 975, 'n_tokens_neox': 889, 'n_words': 284}