热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

悬停点上显示错误的标签值-Chart.JS

如何解决《悬停点上显示错误的标签值-Chart.JS》经验,谁能帮忙解答一下?

当您将鼠标悬停在折线图上时,工具提示会从x轴显示错误的标签值。我正在使用最新版本的Chart.JS 2.8.0

这是小提琴:https : //jsfiddle.net/2mq1vt0o/

这是来自显示的数据集的所有数据:https : //imgur.com/a/EMbiejk

当我更改数据范围时,例如从05-01-2018 https://imgur.com/a/SXr6ymv

如您所见,该行在正确的位置,但是当我将鼠标悬停在该点上时,它会显示一个标签,这是标签中的第一个值,这是错误的,因为它应该显示06-01-2018。

{
  "data": {
    "datasets": [
      {
        "borderColor": "rgba(74,118,12,1.000)",
        "data": [
          {
            "x": "2018-01-06",
            "y": 0.242
          },
          {
            "x": "2018-01-07",
            "y": 0.197
          },
          {
            "x": "2018-01-08",
            "y": 0.15
          },
          {
            "x": "2018-01-09",
            "y": 0.15
          },
          {
            "x": "2018-01-10",
            "y": 0.15
          },
          {
            "x": "2018-01-11",
            "y": 0.137
          },
          {
            "x": "2018-01-12",
            "y": 0.11
          },
          {
            "x": "2018-01-13",
            "y": 0.11
          },
          {
            "x": "2018-01-14",
            "y": 0.21
          },
          {
            "x": "2018-01-15",
            "y": 0.273
          },
          {
            "x": "2018-01-16",
            "y": 0.3
          },
          {
            "x": "2018-01-17",
            "y": 0.237
          }
        ],
        "label": "onlydoe",
        "fill": false,
        "pointRadius": 5
      }
    ],
    "labels": [
      "2018-01-05",
      "2018-01-06",
      "2018-01-07",
      "2018-01-08",
      "2018-01-09",
      "2018-01-10",
      "2018-01-11",
      "2018-01-12",
      "2018-01-13",
      "2018-01-14",
      "2018-01-15",
      "2018-01-16",
      "2018-01-17"
    ]
  },
  "options": {
    "hover": {
      "mode": "x"
    }
  },
  "type": "line"
}

我希望将鼠标悬停在某个点上时会显示正确的X轴值。


推荐阅读
author-avatar
夕阳红梅乎
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有