你可以用带有require.js的角度JS运行带有动态数据的Highcharts吗?

时间:2016-11-17 00:33:17

标签: javascript jquery angularjs angular highcharts

HTML

<div class="row">
    <div class="col-md-12">
        <div class="thumbnail alert-info alert alert-dismissible fade in">
            <p class="lead text-center"> Our Dynamic KPI</p>
        </div>
    </div>
</div>

<script src="scripts/cad.js"></script>

<div id="container" class="chart"></div>

JS脚本

$.get('scripts/dataCAD.csv', function(csv) {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        data: {
            csv: csv
        },
        title: {
            text: 'CAD'
        },
        yAxis: {
            title: {
                text: 'Units'
            }
       }
    });
});

角度为2的分量

import {Component} from '@angular/core';

@Component({
    selector: 'cad',
    templateUrl: './cad.html'
})
export class cadcomponent {

}

我使用require.js在我的应用程序中运行其他脚本并且它们都运行良好但是我在控制台中没有收到此高箱页面的错误?但是没有加载数据?我确实看过这个链接https://www.npmjs.com/package/angular2-highcharts#faq但是我无法让它发挥作用。如果有人对highcharts和angular 2有任何经验,任何帮助都会非常感激!

0 个答案:

没有答案