Question

我是使用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

提供的数据

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

Line Plus bar chart image

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

Answer 1

这似乎是较新版本的nv.d3.js中的错误或示例未更新。该示例使用的是d3.v2.js和nv.d3.js的1.1.11b版本。如果您将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

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

1 个答案: