Question

我想在我的角度应用程序中添加一个图表。我决定使用highchart-ng指令。这是控制器：

discoutControllers.controller('TestController', function($scope/*, $location,$route,TableUtility, TestService*/) {  

    $scope.options = {
            type: 'line'
        }

        $scope.swapChartType = function () {
            if (this.highchartsNG.options.chart.type === 'line') {
                this.highchartsNG.options.chart.type = 'column'
            } else {
                this.highchartsNG.options.chart.type = 'line'
            }
        }

        $scope.highchartsNG = {
            options: {
                chart: {
                    type: 'column'
                }
            },
            series: [{
                data: [10, 15, 12, 8, 7]
            }],
            title: {
                text: 'Hello'
            },
            loading: false
        }


});

以下是观点：

<div ng-controller='TestController' id="container" style="min-width: 310px; height: 400px; margin: 0 auto">
                <highchart id="chart1" config="highchartsNG"></highchart>
            </div>

问题是，当我查看我的页面时，没有任何内容呈现，我也不知道发生了什么。

的问候，

Answer 1

https://github.com/pablojim/highcharts-ng

在这里您可以看到以下部分：

将Highcharts添加到Angular应用程序配置：

＆＃13;

var myapp = angular.module('myapp', ["highcharts-ng"]);

＆＃13;

似乎因为没有抛出错误，指令实际上没有在angular中实例化。这应该有帮助！

您也可能没有正确包含库。所有这些都应该在那个git页面上解释。

通过highcharts-ng指令使用highcharts将图表添加到angular

1 个答案: