lib-d3-line

Custom library for generating line chart.

API

import { D3LineModule } from 'lib-d3-line'

Import module

import { D3LineModule } from 'lib-d3-line';

 imports: [
    D3LineModule
  ]

example

import { D3LineModule } from 'lib-d3-line'

let data = [
      {date: new Date('2010-01-01'), value: 40},
      {date: new Date('2010-01-04'), value: 93},
      {date: new Date('2010-01-05'), value: 95},
      {date: new Date('2010-01-06'), value: 130},
      {date: new Date('2010-01-07'), value: 110},
      {date: new Date('2010-01-08'), value: 120},
      {date: new Date('2010-01-09'), value: 129},
      {date: new Date('2010-01-10'), value: 107},
      {date: new Date('2010-01-11'), value: 140}
      ];

    let config:ConfigChart  =  {  
      "ChartType" :"D3",
      "ChartName" : "Dthree-line",
      "Options":{
        "Layout" : {
          "margin" :  { "top": 10, "right": 10, "bottom": 10, "left": 20},
          "width" :400 ,
           "height":200
        },
        "Theme" :{},
        "Title" : "Test Chart",
        "axis": [{xAxis: 'date', yAxis:'value'}],
      }
    }
    
    let chart = d3Ln.create('my_dataviz', config);

    d3Ln.setData(data, chart);

Build

Run ng build lib-d3-line to build the library.

Watch build

Run ng build lib-d3-line --watch watch the build.