角度2 Highcharts股票图表差异

时间:2017-01-20 18:14:09

标签: angular highcharts

我正在实施HighCharts以显示库存数据,但我在我的图表上获得的选项与在plunkr上获得的选项一样多,这是我在我的应用程序上获得的enter image description here

注意差异......

  1. 无法更改图表上的时间
  2. 日期未通过管道传输
  3. 底部没有拖动栏
  4. 在比较我的代码之后,我能看到的唯一区别是在html中。 在plunker中有这条线

    <chart type="StockChart" [options]="options"></chart>

    如果没有type="StockChart"我的代码与上面的图像输出一起使用,当我添加该行时,我会收到错误。 StockChart不是类型的可接受选项。

    这是我的所有代码

    loadChart(){
        this.jsonp.request('https://www.highcharts.com/samples/data/jsonp.php?filename=' + this.values + '-c.json&callback=JSONP_CALLBACK').subscribe(res => {
                this.options = {
                    title : { text : this.values + ' Stock Price' },
                    series : [{
                        name : this.values,
                        data : res.json(),
                        tooltip: {
                            valueDecimals: 2
                        }
                    }]
                };
            });
        }
    

    值得注意:我正在使用angular cli,是的,我为highcharts运行了npm install命令,并将其添加到我的app.module中。谢谢你的帮助!!

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,结果我不得不对我的约会进行排序&#39; Asencdingly&#39;