gpt4 book ai didi

javascript - Angular Nvd3 - 工具提示自定义不起作用

转载 作者:行者123 更新时间:2023-12-03 05:17:28 26 4
gpt4 key购买 nike

我正在处理需要自定义工具提示的图表我已经设置了一个生成函数

使用chart.Tooltip.contentGenerator即使在悬停时,该函数似乎也没有被调用。我不明白为什么这不起作用

我正在使用nvd3-angular 1.0.5

$scope.chart_options =
label_interval : label_interval
chart:
tooltip:
contentGenerator:(t)->
console.log 'tooltip'
return '<div>hello tooltip content </div>'
type: 'multiBarChart',
height: 300,
groupSpacing: 0.05,
forceX : [$scope.start.toDate(), $scope.end.toDate()],
duration: 500,
reduceXTicks : false
transitionDuration: 1000,
padData: true,
duration:1000,
margin:
top: 20,
right: 20,
bottom: 60,
left: 50
,
x : (d) ->
return d.date_time.toDate()
y : (d) ->
if !d.gross_impressions
return 0;
return d.gross_impressions
xAxis:
#showMaxMin :false
tickValues : $scope.tickValues,
showMaxMin:true
,
yAxis:
axisLabel: "Y Axis"
#axisLabelDistance: 20
#tickFormat: (d)->return $scope.measures[$scope.selected_measure].value_formatter(d)
tickFormat: (d)->
return d
,
useInteractiveGuideline:false,
showLegend:false,
showControls:false,
interactive: true,
tooltips: true,

最佳答案

使用此工具提示重试:

tooltip: {
enabled: true,
contentGenerator: function (key) {
return "<div>hello tooltip content </div>";
}
}

它适用于此:http://plnkr.co/edit/Dx2WJs?p=preview

关于javascript - Angular Nvd3 - 工具提示自定义不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41547453/

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