个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
在 Chart.js v2 中，ChartTooltipItem[] 的 datasetIndex 属性标识单击了堆叠条形图的哪个部分。这允许为堆叠条形图的每个部分自定义工具提示内容。
在 v3 中，TooltipItem[] 提供数据集但不识别单击了哪个数据集。每个 TooltipItem 都有一个 datasetIndex 字段，但它只是匹配 TooltipItem[] 中的索引，而不是识别被点击的段。
有没有人在 V3 工具提示回调中找到一个字段来识别点击了堆叠条形图的哪个部分？或者这个功能在 v3 重写中丢失了吗？
最佳答案
它工作正常，唯一不同的是它似乎在 v2 中默认为 point 模式，而现在它使用 index 模式，如果你把它改回 point 它按预期工作:
var options = {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: 'red'
},
{
label: '# of Points',
data: [7, 11, 5, 8, 3, 7],
backgroundColor: 'blue'
}
]
},
options: {
plugins: {
tooltip: {
mode: 'point',
callbacks: {
beforeBody: (ttItems, x) => {
ttItems.forEach((ttItem) => {
console.log('BeforeBody: ', ttItem.datasetIndex, ttItem.dataIndex)
})
},
afterBody: (ttItems, x) => {
ttItems.forEach((ttItem) => {
console.log('AfterBody: ', ttItem.datasetIndex, ttItem.dataIndex)
})
}
}
}
},
scales: {
y: {
stacked: true
},
x: {
stacked: true
}
}
}
}
var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);<body>
<canvas id="chartJSContainer" width="600" height="400"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.4.1/chart.js"></script>
</body>关于javascript - 图表.js v3 : Tooltip callback doesn't identify clicked dataset of stacked bar chart，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/68514265/
25
4
0
更新:添加关于 Hashable 的相同错误 我已经创建了一个 Identifiable 兼容协议(protocol)和兼容结构。然后，当我创建列表并在 ForEach 中引用它时，我收到错误 Typ
这只是我偶然发现的例子! 我正在使用 cout与 operator // imports the declaration of std::cout using namespace std; // ma
我有一些表，我使用 MySQL Workbench 创建了 role_has_action 表。 创建的字段是:(role_id,action_id,action_controller_id): (为
我有一个 codesign 无法完全验证的应用程序，因为它“不满足其指定的要求”。第一次检查返回“在磁盘上有效”，所以没关系。 codesign -dvvvv -r- PATH_TO_APP 告诉我要
我正在使用 Java SDK 创建 SAS 来访问 blob。这是代码: SharedAccessBlobPolicy policy = new SharedAccessBlobPolicy(); p
#include "stdafx.h" #include #include #include #include #include using namespace std; #define T
我在代码中看到了这两种方法。你能解释一下这两者有什么区别吗？正如我认为它与 C++ 完成命名空间查找的方式有关，您能否也提供一些相关信息，或者提供一个好的文档的链接？谢谢。 最佳答案 示例: #inc
我一直在使用一个工具 sbconstants从我的 Xcode 项目中的 Storyboard 标识符和重用标识符创建外部常量。 我已将包含这些常量的所有声明的 header #imported 到项
我想知道 bundle Identifier(在 info.plist 中)之间的区别。以及产品 Bundle Identifier(在 Build Setting -> Packaging -> P
我有课Identifier它本质上是 UUID 的类型安全包装器(因此类 Foo 包含 Identifier )。 FooStore类有一个方法 List> bulkReadIdentifiers()
在 Go 中，公共(public)名称以大写字母开头，私有(private)名称以小写字母开头。 我正在编写一个不是库的程序，它是一个单独的包。是否有任何 Go 习语规定我的标识符应该全部公开还是全部
我有一个页面 url，它看起来像: http://mydomain.com/nodes/32/article/new?return=view 安装 tomcat 7 后，尝试访问它时出现此异常: /n
我正在学习以下教程: http://www.appcoda.com/ios7-programming-ibeacons-tutorial/ 但是，我没有使用 iPhone 作为信标，而是使用制造商(R
我在为我的 iPhone 应用程序的下一版本上传 .app 文件时收到此错误“Bundle Identifier differents from prior bundle identifier”。 注
Scene 1, Layer 'script', Frame 1, Line 9 1084: Syntax error: expecting identifier before this. Sc
升级到 Xcode 7 后，我注意到 CFBundleIdentifier 已开始指向在 Build Settings/Packaging 中找到的产品捆绑标识符，而不是 Info.Plist 中的捆
关闭。这个问题需要debugging details .它目前不接受答案。 想改进这个问题？将问题更新为 on-topic对于堆栈溢出。 5年前关闭。 Improve this question 我在
我使用 Apache DBCP 来获取连接池，我每次都使用 PoolingDataSource 来获取连接。当我向数据库中插入一个对象时，它工作得很好，但是当我尝试从数据库中选择一个元素时，就会出现问
由于我项目的 react-native 版本 (0.44.3)，我正在尝试在版本 0.6.4 中安装包 react-native-today-widget，我能够成功安装包: yarn add rea
之前有人问过这个问题，我已经查看了所有其他 stackoverflow 主题的答案，但我无法解决这个问题。 我的应用程序在所有平台的模拟器中运行良好，但是当我在我的设备上运行该应用程序时，我收到错误代
我是一名优秀的程序员,十分优秀！