学股票知识软件,初学新手股票基础知识电子书

2022-04-14 21:36:28 宏观研究

　　股票图表包括广泛的触摸支持和导航窗格，可轻松浏览延长的时间段。通常，股票图表扩展了剑道用户界面图表组件并共享其大部分功能股票图表组件是角度的剑道用户界面的一部分，这是一个专业级的用户界面库，包含100多个组件，用于构建现代且功能丰富的应用程序。　　

　　剑道用户界面官方最新版免费下载试用，历史版本下载，在线文档和帮助文件下载-慧都网　　

概述

　　以下示例演示了股票图表的实际应用。　　

　　 UI组件库Kendo UI for Angular入门指南 - 股票图表　　

　　app.component.ts 　　

　　从" @角度/核心"导入{组件}；从""导入{ StockDataService } ./股票-数据。服务'；@ Component({ selector : ' my-app '，template : ' kendo-stockchartkendo-chart-title text=' The Boeing Company '/kendo-chart-title kendo-chart-series kendo-chart-item type='烛台[data]=' data ' Open field=' Open ' Close field=' Close ' Low field=' Low ' High field=' High ' category field=' Date '/kendo-chart-series-item/kend public from : Date=new Date(' 2009/02/05))；public to : Date=new Date(' 2011/10/07 ')；构造器（私有服务器　　

ice: StockDataService) {this.service.get().then((data) => {this.data = data;});}}

app.module.ts

import { NgModule } from '@angular/core';import { HttpClientModule, HttpClientJsonpModule } from '@angular/common/http';import { BrowserModule } from '@angular/platform-browser';import { BrowserAnimationsModule } from '@angular/platform-browser/animations';import { StockChartModule } from '@progress/kendo-angular-charts';import { AppComponent } from './app.component';import { StockDataService } from './stock-data.service';import 'hammerjs';@NgModule({bootstrap: [ AppComponent ],declarations: [ AppComponent ],imports: [ BrowserModule, BrowserAnimationsModule, HttpClientModule, HttpClientJsonpModule , StockChartModule ],providers: [ StockDataService ]})export class AppModule {}

stock-data.service.ts

import { Injectable } from '@angular/core';import { HttpClient, HttpParams } from '@angular/common/http';@Injectable()export class StockDataService {private url = 'https://demos.telerik.com/kendo-ui/service/StockData';constructor(private http: HttpClient) {}public get(filter?: any): Promise<any[]> {return new Promise<any[]>((resolve: Function) => {this.http.jsonp(this.url + this.getOptions(filter), 'callback').subscribe(result => resolve(result));});}private getOptions(filter: any): string {let params = new HttpParams();if (filter) {const filters = {logic: 'and',filters: [{field: 'Date',operator: 'gte',value: filter.from}, {field: 'Date',operator: 'lt',value: filter.to}]};params = params.append('filter', JSON.stringify(filters));}return params.keys.length ? '&' + params.toString() : '';}}

main.ts

import './polyfills';import { enableProdMode } from '@angular/core';import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';import { ChartsModule } from '@progress/kendo-angular-charts';import { AppModule } from './app.module';enableProdMode();const platform = platformBrowserDynamic();platform.bootstrapModule(AppModule);