2016-08-17 4 views
1

Ich bin ein Anfänger bei der Verwendung von nvd3 Charts.Falsche Datum Tooltip Linie Plus Balkendiagramm nvd3.js

ich kopiert einfach den JavaScript-Code von nvd3 Website selbst und dann den folgenden html

<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF8"> 
<link href="charts-d3/nv.d3.css" rel="stylesheet" /> 
</head> 
<body> 
<div id="chart"><svg style="height: 500px;"></svg> 

</div> 

<script type="text/javascript" src="charts-d3/d3.v3.js"></script> 
<script type="text/javascript" src="charts-d3/nv.d3.js"></script> 
</body> 

Das Diagramm arbeitet hinzufügen und es zeigt das Diagramm mit den von nvd3

zur Verfügung gestellten Daten aber aus irgendeinem Grund wenn ich schweben, das Datum zu dem Diagramm von der Tooltip zeigt immer 12/31/1969

Line Plus bar chart image

JsFiddl e: https://jsfiddle.net/wLcm3nn9/

+0

fügen Sie bitte eine Geige –

+0

Ich habe bereits ein JSfiddle danke! –

Antwort

0

Dies scheint entweder ein Fehler in neueren Versionen von nv.d3.js zu sein oder das Beispiel wird nicht aktualisiert. Das Beispiel verwendet d3.v2.js und Version 1.1.11b von nv.d3.js. Wenn Sie die Skriptverweise im jsfiddle Um dies ändern:

<script src="https://d3js.org/d3.v2.js"></script> 
<script src="https://raw.githubusercontent.com/novus/nvd3/v1.1.10-beta/nv.d3.js"></script> 

Dann sollte die Tooltip arbeiten (obwohl die Diagrammgröße nicht korrekt ist)

Aktualisiert JsFiddle: https://jsfiddle.net/andersaa/xgcj2gw6/1/

Edit: das Beispiel scheint auf neuere Bibliotheken aktualisiert werden und arbeitet in Master auf GitHub: https://raw.githubusercontent.com/novus/nvd3/master/examples/linePlusBarChart.html

Verwandte Themen