Javascript 如何始终在Chart.js 2上显示工具提示
如何始终使用Chart.js版本2(alpha)显示工具提示Javascript 如何始终在Chart.js 2上显示工具提示,javascript,canvas,charts,chart.js,Javascript,Canvas,Charts,Chart.js,如何始终使用Chart.js版本2(alpha)显示工具提示 我已经试过了,但在上一个版本中似乎有所改变。您需要在数据集中循环,并在AnimationComplete中指向并创建工具提示(将事件数组设置为空数组将不起作用) 与之前一样,您必须从事件数组中删除事件,以便在鼠标悬停和移出后工具提示不会消失,但在这种情况下,您需要将事件设置为false 此外,我认为我上次检查dev时,dev中的版本存在onAnimationComplete未触发的问题,除非动画持续时间为0 这是相关代码 var co
我已经试过了,但在上一个版本中似乎有所改变。您需要在数据集中循环,并在AnimationComplete中指向并创建工具提示(将事件数组设置为空数组将不起作用) 与之前一样,您必须从事件数组中删除事件,以便在鼠标悬停和移出后工具提示不会消失,但在这种情况下,您需要将
事件
设置为false
此外,我认为我上次检查dev时,dev中的版本存在onAnimationComplete未触发的问题,除非动画
持续时间
为0
这是相关代码
var config = {
type: 'pie',
options: {
events: false,
animation: {
duration: 0
},
onAnimationComplete: function () {
var self = this;
var elementsArray = [];
Chart.helpers.each(self.data.datasets, function (dataset, datasetIndex) {
Chart.helpers.each(dataset.metaData, function (element, index) {
var tooltip = new Chart.Tooltip({
_chart: self.chart,
_data: self.data,
_options: self.options,
_active: [element]
}, self);
tooltip.update();
tooltip.transition(Chart.helpers.easingEffects.linear).draw();
}, self);
}, self);
}
},
小提琴-
这对我很有效:
events: [],
animation: {
duration: 0,
onComplete:function () {
var self = this;
var elementsArray = [];
Chart.helpers.each(self.data.datasets, function (dataset, datasetIndex) {
Chart.helpers.each(dataset.metaData, function (element, index) {
var tooltip = new Chart.Tooltip({
_chartInstance: self,
_chart: self.chart,
_data: self.data,
_options: self.options,
_active: [element]
}, self);
tooltip.update();
tooltip.transition(Chart.helpers.easingEffects.linear).draw();
}, self);
}, self);
}
}
谢谢我得到了未捕获的TypeError:无法读取未定义的属性“chartArea”,必须添加
。。图表。工具提示({{u chartInstance:self,
使其工作。回调必须设置为options.animation.onComplete
。使用branch v2.0-dev 5.3.2016Mr.Peelings,我无法为当前稳定版本的Chart.js工作。您知道需要做哪些更改吗?这里有一个相关的问题:。以及相关的问题我在这里的估计:。任何帮助都将不胜感激!@xnakos-查看饼图。我认为GitHub也有用于线条和条形的。感谢您的出色响应!它似乎适合所有类型的图表。因为它是您的代码,也许您可以继续并发布一些答案。下面是一个基于您的代码的快速折线图:(Chart.js 2.1.6)。继续吧!(来自etimberg在中的评论)你最终做了什么?下面的任何答案能解决你的问题吗?如果能,你可以接受答案。如果不能,我想你可以提供你自己的答案。嗨!有可能提供一个最低限度的JSFIDLE吗?