@amcharts/amcharts3-angular - npm Package Compare versions

Comparing version 3.0.4 to 3.0.5

package.json

 {
   "name": "@amcharts/amcharts3-angular",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "Official Angular 2 plugin for amCharts V3",
@@ -10,3 +10,3 @@ "repository": {
   "peerDependencies": {
-    "@angular/core": "^12.2.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+    "@angular/core": "^12.2.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
   },
@@ -13,0 +13,0 @@ "dependencies": {

README.md

@@ -62,13 +62,19 @@ Official Angular plugin for amCharts V3
 
-2) In your app module, import the `AmChartsModule` module and add it to the `imports`:
+2) In your app component, import the `AmChartsModule` module and add it to the `imports`:
 
 ```typescript
-import { AmChartsModule } from '@amcharts/amcharts3-angular';
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterOutlet } from '@angular/router';
+import { AmChart, AmChartsService, AmChartsModule } from '@amcharts/amcharts3-angular';
 
-@NgModule({
-  imports: [
-    AmChartsModule
-  ]
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  // Add the import here
+  imports: [CommonModule, RouterOutlet, AmChartsModule],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.css'
 })
-export class AppModule {}
+export class AppComponent {
 ```
@@ -80,8 +86,19 @@
 
+```html
+<div id="chartdiv" [style.width.%]="100" [style.height.px]="500"></div>
+```
+
 ```typescript
 import { Component } from '@angular/core';
-import { AmChartsService, AmChart } from '@amcharts/amcharts3-angular';
+import { CommonModule } from '@angular/common';
+import { RouterOutlet } from '@angular/router';
+import { AmChart, AmChartsService, AmChartsModule } from '@amcharts/amcharts3-angular';
 
 @Component({
-  template: `<div id="chartdiv" [style.width.%]="100" [style.height.px]="500"></div>`
+  selector: 'app-root',
+  standalone: true,
+  // Add the import here
+  imports: [CommonModule, RouterOutlet, AmChartsModule],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.css'
 })
@@ -91,2 +108,3 @@ export class AppComponent {
 
+  // Inject the service here
   constructor(private AmCharts: AmChartsService) {}
@@ -174,2 +192,5 @@
 
+### 3.0.5
+* Adding in support for Angular 17
+
 ### 3.0.4
@@ -176,0 +197,0 @@ * Adding in support for Angular 16

No alert changes

Improved metrics

Total package byte prevSize

132080

increased by0.56%

Number of lines in readme file

252

increased by9.09%

No dependency changes