不正确的日期工具提示线加条形图 nvd3.js答案

【问题标题】：Incorrect Date Tooltip Line Plus Bar Chart nvd3.js不正确的日期工具提示线加条形图 nvd3.js
【发布时间】：2016-08-17 15:35:57
【问题描述】：

我是使用 nvd3 图表的新手。

我只是从 nvd3 网站本身复制了 javascript 代码，然后添加了以下 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>

图表正在工作，它使用 nvd3 提供的数据显示图表

但由于某种原因，当我将鼠标悬停在图表上时，工具提示的日期始终显示为 1969 年 12 月 31 日

Line Plus bar chart image

JsFiddle：https://jsfiddle.net/wLcm3nn9/

【问题讨论】：

请加个小提琴
我已经添加了一个 jsfiddle 谢谢！

标签： javascript html d3.js nvd3.js

【解决方案1】：

这似乎是较新版本的 nv.d3.js 中的错误或示例未更新。该示例使用 d3.v2.js 和版本 1.1.11b 的 nv.d3.js。如果将 jsfiddle 中的脚本引用更改为：

<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>

那么工具提示应该可以工作（尽管图表大小不正确）

更新的 JsFiddle：https://jsfiddle.net/andersaa/xgcj2gw6/1/

编辑：该示例似乎已更新为更新的库，并且正在 github 上的 master 中工作：https://raw.githubusercontent.com/novus/nvd3/master/examples/linePlusBarChart.html

【讨论】：