Как ссылаться на идентификатор, используемый в templateURL (файл HTML) в представлении ng? - PullRequest
0 голосов
/ 23 октября 2019
<head>  
<script>
window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    theme: "light2",
    title:{
        text: "Simple Line Chart"
    },
    axisY:{
        includeZero: false
    },
    data: [{        
        type: "line",       
        dataPoints: [
            { y: 450 },
            { y: 414},
            { y: 520, indexLabel: "highest",markerColor: "red", markerType: "triangle" },
            { y: 460 },
            { y: 450 },
            { y: 500 },
            { y: 480 },
            { y: 480 },
            { y: 410 , indexLabel: "lowest",markerColor: "DarkSlateGrey", markerType: "cross" },
            { y: 500 },
            { y: 480 },
            { y: 510 }
        ]
    }]
});
chart.render();

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>

код выше - это charts.html

  var mainApp = angular.module("mainApp", ['ngRoute']); 
  mainApp.config(function($routeProvider) {
        $routeProvider
        .when('/collector', {
                templateUrl: 'collector.jsp',
                controller: 'collectorController'

            })
            .when('/reports', {
                templateUrl: 'reports.html',
                controller: 'myctrl'
            })
            .when('/metrics',{
                templateUrl : 'metrics.html',
                controller : 'metricsController'
            })
            .when('/charts',{
                templateUrl : 'charts.html',
                controller : 'chartsController'
            })
    });

выше - это моя конфигурация маршрута, в которой когда / charts он должен показывать образец диаграммы в представлении ng, но он ничего не отображает, и яне получаю никакой ошибки. Не для этой диаграммы (canvasJS) я не могу получить этот HTML-код для визуализации представления в представлении ng. Как мне этого добиться? Спасибо.

...