diff --git a/examples-standalone/grid-charts-integration/src/app/app.component.html b/examples-standalone/grid-charts-integration/src/app/app.component.html index ccd2369d..0359c183 100644 --- a/examples-standalone/grid-charts-integration/src/app/app.component.html +++ b/examples-standalone/grid-charts-integration/src/app/app.component.html @@ -1,10 +1,10 @@
-
- - -
+
+ + +
\ No newline at end of file diff --git a/examples-standalone/grid-charts-integration/src/app/app.component.spec.ts b/examples-standalone/grid-charts-integration/src/app/app.component.spec.ts index 444aecff..89739ea7 100644 --- a/examples-standalone/grid-charts-integration/src/app/app.component.spec.ts +++ b/examples-standalone/grid-charts-integration/src/app/app.component.spec.ts @@ -2,28 +2,28 @@ import { TestBed } from '@angular/core/testing'; import { AppComponent } from './app.component'; describe('AppComponent', () => { - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [AppComponent], - }).compileComponents(); - }); + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AppComponent], + }).compileComponents(); + }); - it('should create the app', () => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.componentInstance; - expect(app).toBeTruthy(); - }); + it('should create the app', () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app).toBeTruthy(); + }); - it(`should have the 'grid-charts-integration' title`, () => { - const fixture = TestBed.createComponent(AppComponent); - const app = fixture.componentInstance; - expect(app.title).toEqual('grid-charts-integration'); - }); + it(`should have the 'grid-charts-integration' title`, () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app.title).toEqual('grid-charts-integration'); + }); - it('should render title', () => { - const fixture = TestBed.createComponent(AppComponent); - fixture.detectChanges(); - const compiled = fixture.nativeElement as HTMLElement; - expect(compiled.querySelector('h1')?.textContent).toContain('Hello, grid-charts-integration'); - }); + it('should render title', () => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('h1')?.textContent).toContain('Hello, grid-charts-integration'); + }); }); diff --git a/examples-standalone/grid-charts-integration/src/app/app.component.ts b/examples-standalone/grid-charts-integration/src/app/app.component.ts index 4760287b..7794e0b0 100644 --- a/examples-standalone/grid-charts-integration/src/app/app.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/app.component.ts @@ -13,5 +13,5 @@ import { ActionButtonsComponent } from './components/action-buttons/action-butto templateUrl: './app.component.html' }) export class AppComponent { - title = 'grid-charts-integration'; + title = 'grid-charts-integration'; } diff --git a/examples-standalone/grid-charts-integration/src/app/app.config.ts b/examples-standalone/grid-charts-integration/src/app/app.config.ts index e4bd22f4..2c2ee1b2 100644 --- a/examples-standalone/grid-charts-integration/src/app/app.config.ts +++ b/examples-standalone/grid-charts-integration/src/app/app.config.ts @@ -5,5 +5,5 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { routes } from './app.routes'; export const appConfig: ApplicationConfig = { - providers: [provideRouter(routes), importProvidersFrom([BrowserAnimationsModule])] + providers: [provideRouter(routes), importProvidersFrom([BrowserAnimationsModule])] }; diff --git a/examples-standalone/grid-charts-integration/src/app/components/charts/day/day.component.ts b/examples-standalone/grid-charts-integration/src/app/components/charts/day/day.component.ts index 602173e8..6145b3f8 100644 --- a/examples-standalone/grid-charts-integration/src/app/components/charts/day/day.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/components/charts/day/day.component.ts @@ -9,6 +9,6 @@ import { ChartsModule } from '@progress/kendo-angular-charts'; styleUrl: './day.component.scss' }) export class DayChartComponent { - @Input() public data: number[] = []; - @Input() public changePct: number = 0; + @Input() public data: number[] = []; + @Input() public changePct: number = 0; } diff --git a/examples-standalone/grid-charts-integration/src/app/components/charts/pie-donut/pie-donut.component.ts b/examples-standalone/grid-charts-integration/src/app/components/charts/pie-donut/pie-donut.component.ts index e95102da..539af1b8 100644 --- a/examples-standalone/grid-charts-integration/src/app/components/charts/pie-donut/pie-donut.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/components/charts/pie-donut/pie-donut.component.ts @@ -18,25 +18,25 @@ import { TooltipsModule } from '@progress/kendo-angular-tooltip'; templateUrl: './pie-donut.component.html', }) export class PieDonutComponent { - @Input() public data: Stock[] = []; - @Input() public chartConfiguration: ChartConfig = { seriesType: 'pie', stack: false }; - public expanded = false; + @Input() public data: Stock[] = []; + @Input() public chartConfiguration: ChartConfig = { seriesType: 'pie', stack: false }; + public expanded = false; - public iconDownload: SVGIcon = downloadIcon; - public iconGear: SVGIcon = gearIcon; + public iconDownload: SVGIcon = downloadIcon; + public iconGear: SVGIcon = gearIcon; - public selectedSeries = 'price'; - public series: object[] = series; - public seriesTypes: string[] = seriesTypes.circularSeries; - public getTitle = getTitle; + public selectedSeries = 'price'; + public series: object[] = series; + public seriesTypes: string[] = seriesTypes.circularSeries; + public getTitle = getTitle; - public onValueChange(chartName: string) { - this.chartConfiguration.seriesType = getChartType(chartName) as SeriesType; - } + public onValueChange(chartName: string) { + this.chartConfiguration.seriesType = getChartType(chartName) as SeriesType; + } - public exportChart(chart: ChartComponent): void { - chart.exportImage().then((data) => { - saveAs(data, 'chart.png'); - }); - } + public exportChart(chart: ChartComponent): void { + chart.exportImage().then((data) => { + saveAs(data, 'chart.png'); + }); + } } diff --git a/examples-standalone/grid-charts-integration/src/app/components/charts/scatter-bubble/scatter-bubble.component.ts b/examples-standalone/grid-charts-integration/src/app/components/charts/scatter-bubble/scatter-bubble.component.ts index e56ca366..0b8b7da7 100644 --- a/examples-standalone/grid-charts-integration/src/app/components/charts/scatter-bubble/scatter-bubble.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/components/charts/scatter-bubble/scatter-bubble.component.ts @@ -19,7 +19,7 @@ import { CommonModule } from '@angular/common'; templateUrl: './scatter-bubble.component.html', }) export class ScatterBubbleComponent { - @Input() public chartConfiguration: ChartConfig = { seriesType: 'pie', stack: false }; + @Input() public chartConfiguration: ChartConfig = { seriesType: 'pie', stack: false }; @Input() public set data(value: Stock[]) { this.stockData = value.map((item, index) => { item.index = index; diff --git a/examples-standalone/grid-charts-integration/src/app/components/common/select-chart-type/select-chart-type.component.ts b/examples-standalone/grid-charts-integration/src/app/components/common/select-chart-type/select-chart-type.component.ts index 5f572436..ce78e85a 100644 --- a/examples-standalone/grid-charts-integration/src/app/components/common/select-chart-type/select-chart-type.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/components/common/select-chart-type/select-chart-type.component.ts @@ -8,11 +8,11 @@ import { DropDownsModule } from '@progress/kendo-angular-dropdowns'; templateUrl: './select-chart-type.component.html', }) export class SelectChartTypeComponent { - @Input() public data?: any[]; - @Input() public chartName?: string; - @Output() public valueChange = new EventEmitter(); + @Input() public data?: any[]; + @Input() public chartName?: string; + @Output() public valueChange = new EventEmitter(); - public onChange(chartName: string) { - this.valueChange.emit(chartName); - } + public onChange(chartName: string) { + this.valueChange.emit(chartName); + } } diff --git a/examples-standalone/grid-charts-integration/src/app/components/common/select-series/select-series.component.ts b/examples-standalone/grid-charts-integration/src/app/components/common/select-series/select-series.component.ts index aba91eab..fcf79363 100644 --- a/examples-standalone/grid-charts-integration/src/app/components/common/select-series/select-series.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/components/common/select-series/select-series.component.ts @@ -8,13 +8,13 @@ import { DropDownsModule } from '@progress/kendo-angular-dropdowns'; templateUrl: './select-series.component.html', }) export class SelectSeriesComponent { - @Input() public data: object[] = []; - @Output() public valueChange = new EventEmitter(); + @Input() public data: object[] = []; + @Output() public valueChange = new EventEmitter(); - public selectedSeries: string[] = ['price', 'pe']; + public selectedSeries: string[] = ['price', 'pe']; - public onChange(value: string[]): void { - this.selectedSeries = value; - this.valueChange.emit(value); - } + public onChange(value: string[]): void { + this.selectedSeries = value; + this.valueChange.emit(value); + } } diff --git a/examples-standalone/grid-charts-integration/src/app/components/common/window/window.component.ts b/examples-standalone/grid-charts-integration/src/app/components/common/window/window.component.ts index 6cbdd6a4..c609bb9a 100644 --- a/examples-standalone/grid-charts-integration/src/app/components/common/window/window.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/components/common/window/window.component.ts @@ -14,31 +14,31 @@ import { CommonModule } from '@angular/common'; templateUrl: './window.component.html', }) export class WindowComponent { - @Input() public data: Stock[] = []; - @Input() public chartConfiguration: ChartConfig = { - seriesType: 'line', - stack: false, - }; - public isBubbleOrSeriesChart(): boolean { - return ( - this.chartConfiguration.seriesType === 'scatter' || - this.chartConfiguration.seriesType === 'bubble' - ); - } + @Input() public data: Stock[] = []; + @Input() public chartConfiguration: ChartConfig = { + seriesType: 'line', + stack: false, + }; + public isBubbleOrSeriesChart(): boolean { + return ( + this.chartConfiguration.seriesType === 'scatter' || + this.chartConfiguration.seriesType === 'bubble' + ); + } - public isCircularChart(): boolean { - return ( - this.chartConfiguration.seriesType === 'pie' || - this.chartConfiguration.seriesType === 'donut' - ); - } + public isCircularChart(): boolean { + return ( + this.chartConfiguration.seriesType === 'pie' || + this.chartConfiguration.seriesType === 'donut' + ); + } - public isSimpleChart(): boolean { - return ( - this.chartConfiguration.seriesType !== 'pie' && - this.chartConfiguration.seriesType !== 'donut' && - this.chartConfiguration.seriesType !== 'scatter' && - this.chartConfiguration.seriesType !== 'bubble' - ); - } + public isSimpleChart(): boolean { + return ( + this.chartConfiguration.seriesType !== 'pie' && + this.chartConfiguration.seriesType !== 'donut' && + this.chartConfiguration.seriesType !== 'scatter' && + this.chartConfiguration.seriesType !== 'bubble' + ); + } } diff --git a/examples-standalone/grid-charts-integration/src/app/components/stock-list/stock-list.component.ts b/examples-standalone/grid-charts-integration/src/app/components/stock-list/stock-list.component.ts index e69ea612..872697db 100644 --- a/examples-standalone/grid-charts-integration/src/app/components/stock-list/stock-list.component.ts +++ b/examples-standalone/grid-charts-integration/src/app/components/stock-list/stock-list.component.ts @@ -24,7 +24,7 @@ import { CommonModule } from '@angular/common'; encapsulation: ViewEncapsulation.None }) export class StockListComponent { - @ViewChild('gridmenu') public gridContextMenu: ContextMenuComponent | undefined; + @ViewChild('gridmenu') public gridContextMenu: ContextMenuComponent | undefined; @ViewChild('grid') public grid: GridComponent | undefined; public infoIcon: SVGIcon = infoCircleIcon; diff --git a/examples-standalone/grid-charts-integration/src/app/data.ts b/examples-standalone/grid-charts-integration/src/app/data.ts index cd7defdf..ef11dee1 100644 --- a/examples-standalone/grid-charts-integration/src/app/data.ts +++ b/examples-standalone/grid-charts-integration/src/app/data.ts @@ -9,292 +9,292 @@ const excelIcon: SVGIcon = fileExcelIcon; const validationIcon: SVGIcon = validationDataIcon; export const series: Array<{ field: string; title: string }> = [ - { field: 'price', title: 'Price' }, - { field: 'pe', title: 'PE Ratio' }, - { field: 'volume', title: 'Volume' }, - { field: 'volume_avg', title: 'Avg Volume' }, - { field: 'market_cap', title: 'Market Cap' }, - { field: 'day_change', title: 'Day Change' }, - { field: 'change_pct', title: '% Change' }, + { field: 'price', title: 'Price' }, + { field: 'pe', title: 'PE Ratio' }, + { field: 'volume', title: 'Volume' }, + { field: 'volume_avg', title: 'Avg Volume' }, + { field: 'market_cap', title: 'Market Cap' }, + { field: 'day_change', title: 'Day Change' }, + { field: 'change_pct', title: '% Change' }, ]; export const seriesTypes: any = { - simpleSeries: [ - 'Bar', - 'Stack Bar', - '100% Stack Bar', - 'Column', - 'Stack Column', - '100% Stack Column', - 'Area', - 'Stack Area', - '100% Stack Area', - 'Line', - 'Radar', - ], - complexSeries: ['Scatter', 'Bubble'], - circularSeries: ['Pie', 'Donut'], + simpleSeries: [ + 'Bar', + 'Stack Bar', + '100% Stack Bar', + 'Column', + 'Stack Column', + '100% Stack Column', + 'Area', + 'Stack Area', + '100% Stack Area', + 'Line', + 'Radar', + ], + complexSeries: ['Scatter', 'Bubble'], + circularSeries: ['Pie', 'Donut'], }; export const menuItems: object[] = [ - { - text: 'Charts', - items: [ - { - text: 'Bar', - items: [ - { text: 'Bar' }, - { text: 'Stack Bar' }, - { text: '100% Stack Bar' }, - ], - iconClass: 'icon-bar', - }, - { - text: 'Column', + { + text: 'Charts', items: [ - { text: 'Column' }, - { text: 'Stack Column' }, - { text: '100% Stack Column' }, + { + text: 'Bar', + items: [ + { text: 'Bar' }, + { text: 'Stack Bar' }, + { text: '100% Stack Bar' }, + ], + iconClass: 'icon-bar', + }, + { + text: 'Column', + items: [ + { text: 'Column' }, + { text: 'Stack Column' }, + { text: '100% Stack Column' }, + ], + iconClass: 'icon-column', + }, + { + text: 'Area', + items: [ + { text: 'Area' }, + { text: 'Stack Area' }, + { text: '100% Stack Area' }, + ], + iconClass: 'icon-area', + }, + { + text: 'Pie', + items: [{ text: 'Pie' }, { text: 'Donut' }], + iconClass: 'icon-pie', + }, + { text: 'Line', iconClass: 'icon-line' }, + { text: 'Radar', iconClass: 'icon-radar' }, + { text: 'Scatter', iconClass: 'icon-scatter' }, + { text: 'Bubble', iconClass: 'icon-bubble' }, ], - iconClass: 'icon-column', - }, - { - text: 'Area', - items: [ - { text: 'Area' }, - { text: 'Stack Area' }, - { text: '100% Stack Area' }, - ], - iconClass: 'icon-area', - }, - { - text: 'Pie', - items: [{ text: 'Pie' }, { text: 'Donut' }], - iconClass: 'icon-pie', - }, - { text: 'Line', iconClass: 'icon-line' }, - { text: 'Radar', iconClass: 'icon-radar' }, - { text: 'Scatter', iconClass: 'icon-scatter' }, - { text: 'Bubble', iconClass: 'icon-bubble' }, - ], - svgIcon: validationDataIcon, - }, - { text: 'Export Excel', svgIcon: excelIcon }, + svgIcon: validationDataIcon, + }, + { text: 'Export Excel', svgIcon: excelIcon }, ]; export const stocksInPortfolio: Stock[] = [ - { - symbol: 'AAN', - name: "Aaron's, Inc.", - price: 76.61, - day_change: -1.18, - change_pct: -1.52, - volume: 710442, - volume_avg: 837114, - market_cap: 5174814208, - pe: 25.94, - intraday: [ - 77.77, 77.48, 77.47, 77.22, 77.29, 76.9, 76.69, 76.65, 76.69, 76.82, - 76.75, 76.81, 76.87, 76.84, 76.7, 76.65, 76.44, 76.29, 76.42, 76.32, 76.2, - 75.94, 75.87, 75.8, 75.99, 76.09, 75.8, 75.82, 75.91, 75.84, 75.85, 76.01, - 75.99, 75.92, 75.99, 76.06, 76.06, 76.11, 76.17, 76.18, 76.17, 76.13, - 76.04, 75.88, 75.72, 75.69, 75.92, 75.99, 76.04, 76.07, 76.03, 75.95, - 75.75, 75.58, 75.8, 75.87, 75.93, 76.08, 75.95, 76.01, 76.05, 76.07, - 76.16, 76.21, 76.2, 76.38, 76.41, 76.43, 76.38, 76.51, 76.7, 76.65, 76.71, - 76.68, 76.65, 76.46, 76.53, 76.59, - ], - }, - { - symbol: 'AAPL', - name: 'Apple Inc.', - price: 246.58, - day_change: 2.49, - change_pct: 1.02, - volume: 15827692, - volume_avg: 20028962, - market_cap: 1114344259584, - pe: 20.94, - intraday: [ - 243.75, 243.54, 243.32, 243.47, 243.74, 243.43, 243.34, 243.39, 243.47, - 243.66, 243.68, 244.43, 244.53, 244.25, 244.16, 243.93, 244.41, 244.69, - 244.52, 244.52, 244.62, 244.88, 245.07, 245.7, 245.31, 245.34, 245.48, - 245.54, 245.28, 245.43, 245.41, 245.2, 245.33, 245.31, 245.34, 245.56, - 245.59, 245.47, 245.1, 245.18, 245.29, 245.24, 245.35, 245.26, 245.16, - 245.38, 245.31, 245.3, 245.3, 245.25, 245.39, 245.45, 245.38, 245.37, - 245.25, 244.81, 245.05, 245.07, 245.1, 245.2, 245.18, 245.13, 245.18, - 245.35, 245.34, 245.31, 245.39, 245.46, 245.57, 245.65, 245.67, 245.76, - 245.68, 245.77, 245.79, 245.86, 245.9, 246.24, - ], - }, - { - symbol: 'ACN', - name: 'Accenture plc', - price: 183.07, - day_change: -0.77, - change_pct: -0.42, - volume: 1369124, - volume_avg: 1892150, - market_cap: 116597284864, - pe: 24.87, - intraday: [ - 184.08, 184.36, 183.49, 183.77, 183.74, 183.57, 183.62, 183.76, 184.13, - 183.95, 183.99, 184.16, 184.05, 183.85, 183.81, 183.84, 184.4, 184.34, - 184.4, 184.32, 184.24, 184.45, 184.5, 184.54, 184.52, 184.55, 184.58, - 184.71, 184.63, 184.74, 184.58, 184.29, 184.13, 184.12, 184.1, 184.11, - 184.21, 184.21, 184.11, 184.05, 184.06, 184, 183.94, 183.9, 183.89, 183.9, - 183.94, 183.83, 183.9, 183.75, 183.73, 183.78, 183.78, 183.92, 183.9, - 183.75, 183.87, 183.87, 183.83, 183.81, 183.7, 183.4, 183.42, 183.53, - 183.53, 183.6, 183.64, 183.5, 183.46, 183.51, 183.54, 183.62, 183.59, - 183.66, 183.54, 183.4, 183.24, 183.31, - ], - }, - { - symbol: 'ADBE', - name: 'Adobe Inc.', - price: 270.98, - day_change: 2.93, - change_pct: 1.09, - volume: 1511852, - volume_avg: 3342325, - market_cap: 131175735296, - pe: 48.22, - intraday: [ - 267.66, 267.8, 268.63, 269.04, 269.44, 269.13, 269.3, 269.95, 270.13, - 269.81, 269.9, 270.2, 270.35, 270.2, 270.14, 270.33, 271.13, 270.73, - 270.55, 270.31, 270.46, 271.06, 271.54, 271.31, 270.86, 270.97, 271.18, - 271.33, 271.16, 271.29, 271.11, 270.73, 270.61, 270.82, 271.02, 270.95, - 271.18, 271.07, 270.96, 271.03, 271.02, 270.95, 270.91, 270.93, 270.88, - 271.06, 271.03, 270.89, 271.02, 270.95, 271.04, 270.74, 270.86, 270.57, - 270.85, 270.68, 270.63, 270.59, 270.59, 270.7, 270.82, 270.35, 270.53, - 270.73, 270.76, 271, 271.06, 270.64, 270.65, 270.79, 270.88, 270.88, - 270.9, 271.02, 270.77, 270.72, 270.68, 270.59, - ], - }, - { - symbol: 'AGM', - name: 'Federal Agricultural Mortgage Corporation', - price: 84.57, - day_change: 0.17, - change_pct: 0.2, - volume: 22444, - volume_avg: 22114, - market_cap: 890445952, - pe: 9.46, - intraday: [ - 84.42, 84.87, 84.87, 84.02, 84.02, 84.18, 84.11, 83.5, 82.7, 82.7, 82.97, - 82.97, 82.97, 83.08, 83.08, 83.29, 83.29, 83.01, 83.01, 83.21, 83.21, - 83.18, 83.38, 83.08, 83.08, 83.34, 83.34, 83.39, 83.39, 83.35, 83.35, - 83.32, 83.32, 83.28, 83.28, 83.28, 83.58, 83.58, 83.58, 83.26, 83.26, - 83.49, 83.49, 84.52, 84.52, 84.1, 84.1, 84.1, 83.41, 84.77, 83.53, 83.53, - 83.92, 83.92, 83.76, 83.76, 84.44, 84.44, 84.44, 84.33, 84.72, 84.59, - ], - }, - { - symbol: 'AMZN', - name: 'Amazon.com, Inc.', - price: 1779.99, - day_change: 17.78, - change_pct: 1.01, - volume: 2173743, - volume_avg: 3771314, - market_cap: 882513674240, - pe: 78.87, - intraday: [ - 1762.22, 1762, 1763.11, 1768.61, 1768.02, 1766.44, 1764.64, 1766.46, - 1767.14, 1768.17, 1767.75, 1769.02, 1768.68, 1771.99, 1771.46, 1774.6, - 1778.5, 1778.76, 1776.4, 1773.73, 1774.49, 1771.65, 1772.55, 1773.22, - 1773.5, 1770.94, 1769.19, 1770.69, 1771.39, 1772.2, 1770.41, 1771.65, - 1769.62, 1769.5, 1769.54, 1768.72, 1768.31, 1767.99, 1767.33, 1766.14, - 1765.66, 1765.45, 1765.79, 1765.99, 1767.82, 1767.14, 1768.4, 1768.29, - 1767.83, 1767.51, 1769.12, 1767.93, 1768.07, 1768.5, 1769.81, 1769.46, - 1775.4, 1774.97, 1772.7, 1771, 1768.94, 1769.56, 1774.53, 1775.34, - 1778.57, 1779.69, 1780.34, 1779.24, 1778.32, 1780, 1781, 1779.16, 1778.02, - 1777.22, 1777.04, 1778.57, 1780.24, 1780, - ], - }, - { - symbol: 'ASML', - name: 'ASML Holding N.V.', - price: 263.99, - day_change: 1.26, - change_pct: 0.48, - volume: 549797, - volume_avg: 1164687, - market_cap: 110834614272, - pe: 37.94, - intraday: [ - 262.8, 262.63, 262.18, 261.98, 262.34, 262.23, 262.23, 262.21, 262.78, - 262.62, 262.75, 262.74, 262.88, 262.85, 263.11, 263, 263.38, 263.45, - 263.63, 263.23, 263.45, 263.16, 263.29, 263.48, 263.52, 263.89, 264.08, - 264.5, 264.54, 264.38, 263.95, 263.82, 263.78, 263.93, 264.13, 264.16, - 263.97, 263.94, 264, 263.84, 263.98, 263.95, 264.11, 264.15, 264.26, - 264.06, 264.49, 264.02, 264.08, 264.6, 264.65, 264.27, 264.36, 263.92, - 263.75, 264.29, 264.09, 264.24, 264.33, 263.92, 263.77, 263.74, 264.02, - 263.88, 263.82, 263.79, 263.6, 263.43, 263.58, 263.57, 263.61, 263.55, - 263.57, 263.41, 264.06, - ], - }, - { - symbol: 'AVGO', - name: 'Broadcom Inc.', - price: 289.82, - day_change: 5.87, - change_pct: 2.07, - volume: 1987976, - volume_avg: 1691400, - market_cap: 114963193856, - pe: 40.79, - intraday: [ - 283.88, 284.32, 284.93, 284.65, 285.68, 285.99, 286.07, 285.96, 286.29, - 286.21, 286.29, 286.64, 286.62, 286.22, 286.17, 285.92, 286.8, 286.83, - 287.17, 287.14, 287.66, 287.87, 287.92, 288.42, 288.4, 288.42, 288.8, - 288.9, 289.24, 289.27, 288.96, 288.16, 288.27, 288.4, 288.8, 288.8, - 289.16, 288.92, 288.97, 289.09, 289.16, 288.75, 288.88, 289.1, 289.4, - 290.08, 290.01, 290.26, 290.67, 290.22, 290.47, 290.91, 290.79, 291.15, - 291.27, 290.16, 290.1, 289.79, 290.02, 290.05, 290.03, 289.9, 289.92, - 290.29, 290.22, 290.28, 290.24, 290.46, 290.64, 290.62, 290.67, 290.61, - 290.63, 290.19, 290.01, 290.2, 289.89, 289.75, - ], - }, - { - symbol: 'BNPQY', - name: 'BNP Paribas SA', - price: 26.43, - day_change: 0.43, - change_pct: 1.65, - volume: 103645, - volume_avg: 193571, - market_cap: 66021871616, - pe: null, - intraday: [ - 26, 25.97, 25.97, 25.98, 25.95, 25.95, 25.89, 25.91, 25.89, 25.85, 25.91, - 25.93, 25.89, 25.94, 25.94, 25.94, 25.94, 25.91, 25.9, 25.89, 25.92, - 25.97, 25.97, 25.94, 25.94, 25.94, 25.94, 25.99, 26.07, 26.07, 26.01, - 26.01, 26.04, 26.03, 26.03, 26.03, 25.99, 25.99, 26.08, 26.08, 26.06, - 26.05, 26.05, 26.05, 25.99, 25.99, 25.99, 26.06, 25.99, 26.02, 26.05, - 26.05, 26, 26, 26, 25.98, 26, 26, 26.03, 26.11, 26.22, 26.26, 26.36, - 26.41, 26.41, 26.29, 26.41, 26.4, 26.35, 26.35, 26.42, 26.43, 26.43, - ], - }, - { - symbol: 'CACC', - name: 'Credit Acceptance Corporation', - price: 439.2, - day_change: -0.69, - change_pct: -0.16, - volume: 57324, - volume_avg: 84857, - market_cap: 8255554560, - pe: 13.4, - intraday: [ - 439.4, 438.08, 438.08, 438.57, 438.57, 439.86, 439.86, 440.89, 440.89, - 439.95, 439.95, 440, 440.8, 440.58, 439.52, 439.03, 438.46, 437.69, - 437.29, 438.59, 437.05, 437.25, 437.34, 438.89, 438.89, 438.89, 440, - 438.22, 437.41, 438.13, 438.14, 437.57, 437.14, 436.77, 436.77, 437.89, - 437.31, 437.31, 437.09, 437.09, 436.91, 436.91, 437.43, 437.43, 437.22, - 437.22, 436.83, 436.47, 436.47, 436.82, 436.82, 438.84, 438.84, 437.4, - 437.4, 438.35, 438.35, 438.2, 439.57, 440.49, 438.99, 438.67, 440.14, - 439.22, 439.77, 439.77, 439.25, 439.43, 438.9, 439.24, 438.69, 438.71, - ], - }, + { + symbol: 'AAN', + name: "Aaron's, Inc.", + price: 76.61, + day_change: -1.18, + change_pct: -1.52, + volume: 710442, + volume_avg: 837114, + market_cap: 5174814208, + pe: 25.94, + intraday: [ + 77.77, 77.48, 77.47, 77.22, 77.29, 76.9, 76.69, 76.65, 76.69, 76.82, + 76.75, 76.81, 76.87, 76.84, 76.7, 76.65, 76.44, 76.29, 76.42, 76.32, 76.2, + 75.94, 75.87, 75.8, 75.99, 76.09, 75.8, 75.82, 75.91, 75.84, 75.85, 76.01, + 75.99, 75.92, 75.99, 76.06, 76.06, 76.11, 76.17, 76.18, 76.17, 76.13, + 76.04, 75.88, 75.72, 75.69, 75.92, 75.99, 76.04, 76.07, 76.03, 75.95, + 75.75, 75.58, 75.8, 75.87, 75.93, 76.08, 75.95, 76.01, 76.05, 76.07, + 76.16, 76.21, 76.2, 76.38, 76.41, 76.43, 76.38, 76.51, 76.7, 76.65, 76.71, + 76.68, 76.65, 76.46, 76.53, 76.59, + ], + }, + { + symbol: 'AAPL', + name: 'Apple Inc.', + price: 246.58, + day_change: 2.49, + change_pct: 1.02, + volume: 15827692, + volume_avg: 20028962, + market_cap: 1114344259584, + pe: 20.94, + intraday: [ + 243.75, 243.54, 243.32, 243.47, 243.74, 243.43, 243.34, 243.39, 243.47, + 243.66, 243.68, 244.43, 244.53, 244.25, 244.16, 243.93, 244.41, 244.69, + 244.52, 244.52, 244.62, 244.88, 245.07, 245.7, 245.31, 245.34, 245.48, + 245.54, 245.28, 245.43, 245.41, 245.2, 245.33, 245.31, 245.34, 245.56, + 245.59, 245.47, 245.1, 245.18, 245.29, 245.24, 245.35, 245.26, 245.16, + 245.38, 245.31, 245.3, 245.3, 245.25, 245.39, 245.45, 245.38, 245.37, + 245.25, 244.81, 245.05, 245.07, 245.1, 245.2, 245.18, 245.13, 245.18, + 245.35, 245.34, 245.31, 245.39, 245.46, 245.57, 245.65, 245.67, 245.76, + 245.68, 245.77, 245.79, 245.86, 245.9, 246.24, + ], + }, + { + symbol: 'ACN', + name: 'Accenture plc', + price: 183.07, + day_change: -0.77, + change_pct: -0.42, + volume: 1369124, + volume_avg: 1892150, + market_cap: 116597284864, + pe: 24.87, + intraday: [ + 184.08, 184.36, 183.49, 183.77, 183.74, 183.57, 183.62, 183.76, 184.13, + 183.95, 183.99, 184.16, 184.05, 183.85, 183.81, 183.84, 184.4, 184.34, + 184.4, 184.32, 184.24, 184.45, 184.5, 184.54, 184.52, 184.55, 184.58, + 184.71, 184.63, 184.74, 184.58, 184.29, 184.13, 184.12, 184.1, 184.11, + 184.21, 184.21, 184.11, 184.05, 184.06, 184, 183.94, 183.9, 183.89, 183.9, + 183.94, 183.83, 183.9, 183.75, 183.73, 183.78, 183.78, 183.92, 183.9, + 183.75, 183.87, 183.87, 183.83, 183.81, 183.7, 183.4, 183.42, 183.53, + 183.53, 183.6, 183.64, 183.5, 183.46, 183.51, 183.54, 183.62, 183.59, + 183.66, 183.54, 183.4, 183.24, 183.31, + ], + }, + { + symbol: 'ADBE', + name: 'Adobe Inc.', + price: 270.98, + day_change: 2.93, + change_pct: 1.09, + volume: 1511852, + volume_avg: 3342325, + market_cap: 131175735296, + pe: 48.22, + intraday: [ + 267.66, 267.8, 268.63, 269.04, 269.44, 269.13, 269.3, 269.95, 270.13, + 269.81, 269.9, 270.2, 270.35, 270.2, 270.14, 270.33, 271.13, 270.73, + 270.55, 270.31, 270.46, 271.06, 271.54, 271.31, 270.86, 270.97, 271.18, + 271.33, 271.16, 271.29, 271.11, 270.73, 270.61, 270.82, 271.02, 270.95, + 271.18, 271.07, 270.96, 271.03, 271.02, 270.95, 270.91, 270.93, 270.88, + 271.06, 271.03, 270.89, 271.02, 270.95, 271.04, 270.74, 270.86, 270.57, + 270.85, 270.68, 270.63, 270.59, 270.59, 270.7, 270.82, 270.35, 270.53, + 270.73, 270.76, 271, 271.06, 270.64, 270.65, 270.79, 270.88, 270.88, + 270.9, 271.02, 270.77, 270.72, 270.68, 270.59, + ], + }, + { + symbol: 'AGM', + name: 'Federal Agricultural Mortgage Corporation', + price: 84.57, + day_change: 0.17, + change_pct: 0.2, + volume: 22444, + volume_avg: 22114, + market_cap: 890445952, + pe: 9.46, + intraday: [ + 84.42, 84.87, 84.87, 84.02, 84.02, 84.18, 84.11, 83.5, 82.7, 82.7, 82.97, + 82.97, 82.97, 83.08, 83.08, 83.29, 83.29, 83.01, 83.01, 83.21, 83.21, + 83.18, 83.38, 83.08, 83.08, 83.34, 83.34, 83.39, 83.39, 83.35, 83.35, + 83.32, 83.32, 83.28, 83.28, 83.28, 83.58, 83.58, 83.58, 83.26, 83.26, + 83.49, 83.49, 84.52, 84.52, 84.1, 84.1, 84.1, 83.41, 84.77, 83.53, 83.53, + 83.92, 83.92, 83.76, 83.76, 84.44, 84.44, 84.44, 84.33, 84.72, 84.59, + ], + }, + { + symbol: 'AMZN', + name: 'Amazon.com, Inc.', + price: 1779.99, + day_change: 17.78, + change_pct: 1.01, + volume: 2173743, + volume_avg: 3771314, + market_cap: 882513674240, + pe: 78.87, + intraday: [ + 1762.22, 1762, 1763.11, 1768.61, 1768.02, 1766.44, 1764.64, 1766.46, + 1767.14, 1768.17, 1767.75, 1769.02, 1768.68, 1771.99, 1771.46, 1774.6, + 1778.5, 1778.76, 1776.4, 1773.73, 1774.49, 1771.65, 1772.55, 1773.22, + 1773.5, 1770.94, 1769.19, 1770.69, 1771.39, 1772.2, 1770.41, 1771.65, + 1769.62, 1769.5, 1769.54, 1768.72, 1768.31, 1767.99, 1767.33, 1766.14, + 1765.66, 1765.45, 1765.79, 1765.99, 1767.82, 1767.14, 1768.4, 1768.29, + 1767.83, 1767.51, 1769.12, 1767.93, 1768.07, 1768.5, 1769.81, 1769.46, + 1775.4, 1774.97, 1772.7, 1771, 1768.94, 1769.56, 1774.53, 1775.34, + 1778.57, 1779.69, 1780.34, 1779.24, 1778.32, 1780, 1781, 1779.16, 1778.02, + 1777.22, 1777.04, 1778.57, 1780.24, 1780, + ], + }, + { + symbol: 'ASML', + name: 'ASML Holding N.V.', + price: 263.99, + day_change: 1.26, + change_pct: 0.48, + volume: 549797, + volume_avg: 1164687, + market_cap: 110834614272, + pe: 37.94, + intraday: [ + 262.8, 262.63, 262.18, 261.98, 262.34, 262.23, 262.23, 262.21, 262.78, + 262.62, 262.75, 262.74, 262.88, 262.85, 263.11, 263, 263.38, 263.45, + 263.63, 263.23, 263.45, 263.16, 263.29, 263.48, 263.52, 263.89, 264.08, + 264.5, 264.54, 264.38, 263.95, 263.82, 263.78, 263.93, 264.13, 264.16, + 263.97, 263.94, 264, 263.84, 263.98, 263.95, 264.11, 264.15, 264.26, + 264.06, 264.49, 264.02, 264.08, 264.6, 264.65, 264.27, 264.36, 263.92, + 263.75, 264.29, 264.09, 264.24, 264.33, 263.92, 263.77, 263.74, 264.02, + 263.88, 263.82, 263.79, 263.6, 263.43, 263.58, 263.57, 263.61, 263.55, + 263.57, 263.41, 264.06, + ], + }, + { + symbol: 'AVGO', + name: 'Broadcom Inc.', + price: 289.82, + day_change: 5.87, + change_pct: 2.07, + volume: 1987976, + volume_avg: 1691400, + market_cap: 114963193856, + pe: 40.79, + intraday: [ + 283.88, 284.32, 284.93, 284.65, 285.68, 285.99, 286.07, 285.96, 286.29, + 286.21, 286.29, 286.64, 286.62, 286.22, 286.17, 285.92, 286.8, 286.83, + 287.17, 287.14, 287.66, 287.87, 287.92, 288.42, 288.4, 288.42, 288.8, + 288.9, 289.24, 289.27, 288.96, 288.16, 288.27, 288.4, 288.8, 288.8, + 289.16, 288.92, 288.97, 289.09, 289.16, 288.75, 288.88, 289.1, 289.4, + 290.08, 290.01, 290.26, 290.67, 290.22, 290.47, 290.91, 290.79, 291.15, + 291.27, 290.16, 290.1, 289.79, 290.02, 290.05, 290.03, 289.9, 289.92, + 290.29, 290.22, 290.28, 290.24, 290.46, 290.64, 290.62, 290.67, 290.61, + 290.63, 290.19, 290.01, 290.2, 289.89, 289.75, + ], + }, + { + symbol: 'BNPQY', + name: 'BNP Paribas SA', + price: 26.43, + day_change: 0.43, + change_pct: 1.65, + volume: 103645, + volume_avg: 193571, + market_cap: 66021871616, + pe: null, + intraday: [ + 26, 25.97, 25.97, 25.98, 25.95, 25.95, 25.89, 25.91, 25.89, 25.85, 25.91, + 25.93, 25.89, 25.94, 25.94, 25.94, 25.94, 25.91, 25.9, 25.89, 25.92, + 25.97, 25.97, 25.94, 25.94, 25.94, 25.94, 25.99, 26.07, 26.07, 26.01, + 26.01, 26.04, 26.03, 26.03, 26.03, 25.99, 25.99, 26.08, 26.08, 26.06, + 26.05, 26.05, 26.05, 25.99, 25.99, 25.99, 26.06, 25.99, 26.02, 26.05, + 26.05, 26, 26, 26, 25.98, 26, 26, 26.03, 26.11, 26.22, 26.26, 26.36, + 26.41, 26.41, 26.29, 26.41, 26.4, 26.35, 26.35, 26.42, 26.43, 26.43, + ], + }, + { + symbol: 'CACC', + name: 'Credit Acceptance Corporation', + price: 439.2, + day_change: -0.69, + change_pct: -0.16, + volume: 57324, + volume_avg: 84857, + market_cap: 8255554560, + pe: 13.4, + intraday: [ + 439.4, 438.08, 438.08, 438.57, 438.57, 439.86, 439.86, 440.89, 440.89, + 439.95, 439.95, 440, 440.8, 440.58, 439.52, 439.03, 438.46, 437.69, + 437.29, 438.59, 437.05, 437.25, 437.34, 438.89, 438.89, 438.89, 440, + 438.22, 437.41, 438.13, 438.14, 437.57, 437.14, 436.77, 436.77, 437.89, + 437.31, 437.31, 437.09, 437.09, 436.91, 436.91, 437.43, 437.43, 437.22, + 437.22, 436.83, 436.47, 436.47, 436.82, 436.82, 438.84, 438.84, 437.4, + 437.4, 438.35, 438.35, 438.2, 439.57, 440.49, 438.99, 438.67, 440.14, + 439.22, 439.77, 439.77, 439.25, 439.43, 438.9, 439.24, 438.69, 438.71, + ], + }, ]; diff --git a/examples-standalone/grid-charts-integration/src/app/model.ts b/examples-standalone/grid-charts-integration/src/app/model.ts index 501a5974..17c70661 100644 --- a/examples-standalone/grid-charts-integration/src/app/model.ts +++ b/examples-standalone/grid-charts-integration/src/app/model.ts @@ -1,21 +1,21 @@ import { SeriesStack, SeriesType } from '@progress/kendo-angular-charts'; export interface Stock { - symbol: string; - name: string; - price: number; - day_change: number; - change_pct: number; - volume: number; - volume_avg: number; - market_cap: number; - pe: number | null; - intraday: number[]; - index?: number; + symbol: string; + name: string; + price: number; + day_change: number; + change_pct: number; + volume: number; + volume_avg: number; + market_cap: number; + pe: number | null; + intraday: number[]; + index?: number; } export interface ChartConfig { - seriesType: SeriesType; - chartName?: string; - stack: string | boolean | SeriesStack; + seriesType: SeriesType; + chartName?: string; + stack: string | boolean | SeriesStack; } diff --git a/examples-standalone/grid-charts-integration/src/app/pipes/helpers.ts b/examples-standalone/grid-charts-integration/src/app/pipes/helpers.ts index a0b4c838..b4a65a9c 100644 --- a/examples-standalone/grid-charts-integration/src/app/pipes/helpers.ts +++ b/examples-standalone/grid-charts-integration/src/app/pipes/helpers.ts @@ -1,15 +1,15 @@ export const formatCurrency = (value: number): any => { - if (value >= 1000000000) { - return (value / 1000000000).toFixed(3) + 'B'; - } + if (value >= 1000000000) { + return (value / 1000000000).toFixed(3) + 'B'; + } - if (value >= 1000000) { - return (value / 1000000).toFixed(3) + 'M'; - } + if (value >= 1000000) { + return (value / 1000000).toFixed(3) + 'M'; + } - if (value >= 1000) { - return (value / 1000).toFixed(3) + 'K'; - } + if (value >= 1000) { + return (value / 1000).toFixed(3) + 'K'; + } - return value; + return value; }; diff --git a/examples-standalone/grid-charts-integration/src/app/pipes/number-format.pipe.ts b/examples-standalone/grid-charts-integration/src/app/pipes/number-format.pipe.ts index 357a02b6..ed0b6c3d 100644 --- a/examples-standalone/grid-charts-integration/src/app/pipes/number-format.pipe.ts +++ b/examples-standalone/grid-charts-integration/src/app/pipes/number-format.pipe.ts @@ -6,7 +6,6 @@ import { formatCurrency } from './helpers'; standalone: true }) export class NumberFormatPipe implements PipeTransform { - transform(value: number): any { return formatCurrency(value); } diff --git a/examples-standalone/grid-charts-integration/src/app/utils.ts b/examples-standalone/grid-charts-integration/src/app/utils.ts index 271a30ec..ff312f0a 100644 --- a/examples-standalone/grid-charts-integration/src/app/utils.ts +++ b/examples-standalone/grid-charts-integration/src/app/utils.ts @@ -2,49 +2,49 @@ import { series } from './data'; import { SeriesStack } from '@progress/kendo-angular-charts'; export function getTitle(fieldName: string): string { - let foundItem = series.find((item: any) => item.field === fieldName); - if (foundItem) { - return foundItem.title; - } - return ''; + let foundItem = series.find((item: any) => item.field === fieldName); + if (foundItem) { + return foundItem.title; + } + return ''; } export function getChartStack(chartTitle: string): boolean | SeriesStack { - switch (chartTitle) { - case 'Stack Area': - return { type: 'normal' }; - case '100% Stack Area': - return { type: '100%' }; - case 'Stack Bar': - return { type: 'normal' }; - case '100% Stack Bar': - return { type: '100%' }; - case 'Stack Column': - return { type: 'normal' }; - case '100% Stack Column': - return { type: '100%' }; - default: - return false; - } + switch (chartTitle) { + case 'Stack Area': + return { type: 'normal' }; + case '100% Stack Area': + return { type: '100%' }; + case 'Stack Bar': + return { type: 'normal' }; + case '100% Stack Bar': + return { type: '100%' }; + case 'Stack Column': + return { type: 'normal' }; + case '100% Stack Column': + return { type: '100%' }; + default: + return false; + } } export function getChartType(chartTitle: string): string { - switch (chartTitle) { - case 'Stack Area': - return 'area'; - case '100% Stack Area': - return 'area'; - case 'Stack Bar': - return 'bar'; - case '100% Stack Bar': - return 'bar'; - case 'Stack Column': - return 'column'; - case '100% Stack Column': - return 'column'; - case 'Radar': - return 'radarLine'; - default: - return chartTitle.toLowerCase(); - } + switch (chartTitle) { + case 'Stack Area': + return 'area'; + case '100% Stack Area': + return 'area'; + case 'Stack Bar': + return 'bar'; + case '100% Stack Bar': + return 'bar'; + case 'Stack Column': + return 'column'; + case '100% Stack Column': + return 'column'; + case 'Radar': + return 'radarLine'; + default: + return chartTitle.toLowerCase(); + } }