Ich versuche, diese c3 Winkel Diagramme zu verwenden, aber nichts scheint auf der Seite angezeigt werden. Es gibt keine Konsolenfehler, die ich finden kann, und ich habe dem Tutorial gefolgt, aber nichts erscheint noch.Kann nicht scheinen c3 Diagrammbibliothek eckig
Ich habe das Git Repo gezogen und referenzieren die Dateien, die ich glaube ich brauche.
Warum kann ich nichts sehen?
Charts:
https://github.com/jettro/c3-angular-directive
Tutorial: http://jettro.github.io/c3-angular-directive/
Code:
<!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", []);
Diagramm Controller:
var myApp = angular.module("chart_test");
myApp.controller("ChartController", ["$scope", function($scope){
$scope.message = "hi";
}]);