docs: readme

Author: Angular2Guy

README.md

@@ -6,6 +6,7 @@ This is a small chart library for Angular based on D3js. It currently supports s
 Angular 16
 
 ## Articles
+* [A scrolling Date/Timeline Chart with Angular Material Components](https://angular2guy.wordpress.com/2023/07/01/a-scrolling-date-timeline-chart-with-angular-material-components/)
 * [Developing and Using Angular Libraries](https://angular2guy.wordpress.com/2021/07/31/developing-and-using-angular-libraries/)
 * [Ngx-Simple-Charts multiline and legend support howto](https://angular2guy.wordpress.com/2021/10/02/ngx-simple-charts-multiline-and-legend-support-howto/)
 * [Multiple Entry Points for the NgxSimpleCharts Angular Library](https://angular2guy.wordpress.com/2021/12/26/multiple-entry-points-for-ngxsimplecharts-angular-library/)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-simple-charts",
-  "version": "16.1.1",
+  "version": "16.1.2",
   "license": "Apache License Version 2.0",
   "scripts": {
     "ng": "ng",

projects/ngx-simple-charts/README.md

@@ -6,6 +6,7 @@ This is a small chart library for Angular based on D3js. It currently supports s
 Angular 16
 
 ## Articles
+* [A scrolling Date/Timeline Chart with Angular Material Components](https://angular2guy.wordpress.com/2023/07/01/a-scrolling-date-timeline-chart-with-angular-material-components/)
 * [Developing and Using Angular Libraries](https://angular2guy.wordpress.com/2021/07/31/developing-and-using-angular-libraries/)
 * [Ngx-Simple-Charts multiline and legend support howto](https://angular2guy.wordpress.com/2021/10/02/ngx-simple-charts-multiline-and-legend-support-howto/)
 * [Multiple Entry Points for the NgxSimpleCharts Angular Library](https://angular2guy.wordpress.com/2021/12/26/multiple-entry-points-for-ngxsimplecharts-angular-library/)

projects/ngx-simple-charts/date-time/src/lib/sc-date-time-chart/sc-date-time-chart-base.ts

@@ -42,20 +42,17 @@ export class ScDateTimeChartBase {
         new Date()
       ) as Date;
     //console.log(this.localStart);
+    /*
     const startOfChart = DateTime.fromJSDate(this.localStart)
       .setLocale(this.locale)
       .setZone(Intl.DateTimeFormat().resolvedOptions().timeZone)
       .toJSDate();
+      */
     const myEndOfYear = new Date(new Date().getFullYear(), 11, 31, 23, 59, 59);
     const endOfYear = DateTime.fromJSDate(myEndOfYear)
       .setLocale(this.locale)
       .setZone(Intl.DateTimeFormat().resolvedOptions().timeZone)
       .toJSDate();
-    let myItem = new ChartItem<Event>();
-    myItem.end = DateTime.fromJSDate(new Date(0, 11, 31))
-      .setLocale(this.locale)
-      .setZone(Intl.DateTimeFormat().resolvedOptions().timeZone)
-      .toJSDate();
     const lastEndItem = this.localItems.reduce((acc, newItem) => {
       const accEnd = !!acc?.end?.valueOf() ? acc?.end?.valueOf() : -1;
       const newItemEnd = !!newItem?.end?.valueOf()

projects/ngx-simple-charts/date-time/src/lib/sc-date-time-chart/sc-date-time-chart.component.ts

@@ -58,7 +58,6 @@ export class ScDateTimeChartComponent
   ngAfterViewInit(): void {
     this.calcTimeChartValues();
     setTimeout(() => {
-      //console.log('afterViewInit');
       let myPeriods = !this.showDays ? this.periodYears : this.periodMonths;
       myPeriods = myPeriods.filter(
         (myPeriod) => myPeriod.diffNow().seconds <= 0
@@ -73,8 +72,6 @@ export class ScDateTimeChartComponent
       }
       this.calcTimeChartValues();
     }, 1000);
-    //console.log(this.timeChartHeight);
-    //console.log(this.headerLineRef?.nativeElement?.clientHeight);
   }
 
   ngOnInit(): void {

projects/ngx-simple-charts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-simple-charts",
-  "version": "16.1.1",
+  "version": "16.1.2",
   "license": "Apache License Version 2.0",
   "peerDependencies": {
     "@angular/common": "^16.0.0",