标签: amstock

有没有人知道如何将Amcharts实施到Angular2(BETA)？

我试图按照这个问题的路径/模式,但是我对chart.js非常成功,但不幸的是,我不能使用charts.js作为我的图表程序.由于看起来Angular2 Beta中的所有内容都是未知的领域,我不知道从哪里开始？我模仿上面的chart.js例子没有运气,没有错误.

/// <reference path="../DefinitelyTyped/amcharts/AmCharts.d.ts" />

amcharts有一个DefinitelyTyped库(暂时不是plot.ly的库).

更新:这是指令:

/// <reference path="../DefinitelyTyped/amcharts/AmCharts.d.ts" />



import {Directive, ElementRef, Renderer, Input} from 'angular2/core';

@Directive({
selector: '[chart]',
})

export class amChartDirective  {
          var chartData = [{date: new Date(2015,2,31,0, 0,      0,      0),value:372.10,volume:2506100},{date: new Date(2015,3,1,0, 0, 0, 0),value:370.26,volume:2458100},{date: new Date(2015,3,2,0, 0, 0, 0),value:372.25,volume:1875300},{date: new Date(2015,3,6,0, 0, 0, 0),value:377.04,volume:3050700}];
          var chart;
          AmCharts.ready(function () {
              createStockChart();
          });
          function createStockChart() {
              chart = new AmCharts.AmStockChart();
              chart.dataDateFormat = "M-D-YY";
              chart.pathToImages = "http://www.strategic-options.com/trade/3_party/amcharts/images/";
              var dataSet = new AmCharts.DataSet();
              dataSet.dataProvider …