Chartjs没有在工具提示上正确给出“xLabel”
我有一个折线图，其中数据根据X轴（时间轴）标签显示为点元素。
// Config chart
const config = {
type: "line",
data: {
labels: ['ene.', 'feb', 'mar.', 'abr.', 'may.', 'jun.', 'jul.', 'ago.', 'sep.', 'oct.', 'nov.', 'dic.'],
datasets // ex --> [{ x: 'jun.', y: 90 }]
},
options: {
tooltips: {
callbacks: {
title: function(context) {
console.log(context); // Returning wrong xLabel
}
}
}
}
}
问题是当它显示工具提示时，例如，六月，它把它作为索引3，所以标题工具提示(xlabel)显示为“四月”。
如何在工具提示上获得正确的标签，而不依赖于索引？
共有1个答案
对V2来说，这种行为不会再被修正了。但是您可以通过使用回调中的第二个参数获得正确的标签，该参数为您提供数据:
var options = {
type: 'line',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [{
x: "Red",
y: 5
}, {
x: "Blue",
y: 5
}, {
x: "Purple",
y: 5
}, {
x: "Orange",
y: 5
}],
pointBackgroundColor: 'pink',
borderColor: 'pink',
fill: false
}]
},
options: {
tooltips: {
mode: 'point',
callbacks: {
title: (ctx, data) => (data.datasets[ctx[0].datasetIndex].data[ctx[0].index].x)
}
}
}
}
var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
<body>
<canvas id="chartJSContainer" width="600" height="400"></canvas>
</body>-
我一直在尝试实现d3中的树映射图。在我的空闲时间项目中使用js库，我很难正确定位工具提示。我想它应该是这里提到的，但有几个div，我想它是放错地方了。这是我正在使用的树形图，我尝试了这里的一些建议，但似乎没有一个能使它适合我的使用。 这是我的JSFIDLE：
-
RecyclerView.Adapter
-
我是机器学习和OpenCV的新手。我从Cohn-Kanade人脸数据库中为每种情绪（中性和快乐）拍摄了一组10张图像。然后，我从每个图像中提取面部特征，并将它们放入我的训练数据矩阵中，并为各自的情绪分配标签（例如：0表示中性，1表示快乐）。 我使用了gamma=0.1和C=1的RBF内核。经过训练后，我将从智能手机摄像头中提取出的面部特征用于预测。预测总是返回1。 如果我增加中性表达式的训练样本数
-
问题内容： 我一直在寻找解决方案，以便在ng-grid上显示工具提示，但没有运气。当我在ng- grid上使用cellTemplate自定义单元格以包含工具提示时，我遇到了各种问题- 工具提示没有显示或表现出奇怪的行为，如plunker所示：http ://plnkr.co/edit/MFhwgOvSUFKcyJPse5wf 。 我错过了什么吗？有没有人可以在ng-grid中很好地显示工具提示的解
-
我试图在qtip中的图像上显示jQuery UI工具提示。现在，工具提示显示在工具提示后面。你知道怎么把它展示在它面前吗？ 小提琴在这里：http://jsfiddle.net/wYM2Q/ 将鼠标移到文本“bind qtip to this”上。然后将鼠标悬停在qtip内的图像上。你会看到qtip后面显示的工具提示，我想在它前面显示。
-
我使用的是带有2条线的图表js折线图。我有7个x轴数据点。我只想显示第一个、第二个和最后一个数据点。但我想在工具提示中显示每个数据点。目前，我只在 x 轴标签中列出 1、2 和 7，因此工具提示在 2 上正确显示，但在其他区域当然什么都没有。那么有没有办法不在x轴上显示特定的数据点（但在代码中仍然有用于工具提示的数据）？（另外，这是一个非常简化的例子，说明我正在尝试做什么） 谢谢。