これらの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";
}]);