似乎無法加載c3圖表庫角

我想使用這些c3角度圖表，但似乎沒有任何東西顯示在頁面上。這是沒有控制檯錯誤，我可以找到，我已經按照教程，但沒有出現。似乎無法加載c3圖表庫角

我拉了git repo並引用了我認爲我需要的文件。

爲什麼我看不到任何東西？

圖表：

https://github.com/jettro/c3-angular-directive

教程： http://jettro.github.io/c3-angular-directive/

代碼：

<!DOCTYPE html> 
<html ng-app="chart_test" xmlns="http://www.w3.org/1999/html"> 

    <head> 


    </head> 

    <body ng-controller="ChartController"> 
    <h1>Line Graph</h1> 
     <div id="chart1"></div> 
     <c3chart bindto-id="chart1" show-labels="true"> 
     <chart-column column-id="line1" 
         column-name="Line 1" 
         column-color="green" 
         column-values="30,200,100,400,150,250" 
         column-type="line"/> 
     <chart-points point-radius="5" 
         show-point="true" 
         point-expand-enabled="true" 
         point-expand-radius="10"/> 
    </c3chart> 
    <script src="d3.min.js"></script> 
    <script data-require="[email protected]" data-semver="1.5.3" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
    <script src="c3-angular.min.js"></script> 
    <script src="app.js"></script> 
    <script src="ChartController.js"></script> 




    </body> 

</html>

App.js：

var app = angular.module("chart_test", []);

圖控制器：

var myApp = angular.module("chart_test"); 

myApp.controller("ChartController", ["$scope", function($scope){ 
    $scope.message = "hi"; 






}]);

來源

2016-05-24 user3519261

我沒有關於該問題的專家，但在getting started section of the page you provided，它說

您必須添加以下庫和樣式表。

，然後列出了下面的代碼：

<link href="css/c3.min.css" rel="stylesheet" type="text/css"/> 

<script src="js/d3.min.js" charset="utf-8"></script> 
<script src="js/c3.min.js"></script> 
<script src="js/angular.min.js"></script> 
<script src="js/c3-angular.min.js"></script> 

<script src="js/app.js"></script>

從我所看到的，你已經包括d3.min.js，angular.min.js，c3-angular.min.js，app.js但不是c3.min.css和c3.min.js。
我會建議你嘗試包括它們，如果它仍然不起作用，請更新你的問題。

來源

2016-05-25 00:31:56 StubbornShowaGuy

似乎無法加載c3圖表庫角

回答

相關問題