gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 05:40:01 24 4
gpt4 key购买 nike

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

最佳答案

这似乎是较新版本的 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

关于javascript - 不正确的日期工具提示线加条形图 nvd3.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39000860/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com