0.0.5 • Published 3 years ago
lib-d3-line v0.0.5
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.