如何在nvd3 3-angularjs中格式化工具提示内容
如何在nvd3 3-angularjs中格式化工具提示内容
提问于 2015-04-11 17:13:47
我使用nvd3 3-angularjs的叠加面积图。
这是我的html
<div ng-controller="Eth2GraphController">
<nvd3-stacked-area-chart
data="GraphData"
noData="No Data For You!"
id="eth2Graphs"
showXAxis="true"
showYAxis="true"
showLegend="true"
interactive="true"
tooltips="true"
objectEquality="true"
margin="{left:100,right:100}"
useInteractiveGuideline="true"
tooltipcontent="toolTipContentFunction()"
xAxisTickFormat="xAxisTickFormatFunction()"
yAxisTickFormat="yAxisTickFormatFunction()"
color="colorFunction()"
legendColor="colorFunction()"
>
<svg></svg>
</nvd3-stacked-area-chart>
</div>现在，我有一个函数应该格式化工具提示内容，但它不能工作。也许它与useInteractiveGuideline属性有关。我使用相同的工具提示函数来编辑我的其他图表的工具提示，它在这些图表上工作唯一的区别是那些图表不使用useInteractiveGuideline。
$scope.toolTipContentFunction = function() {
return function(key, x, y, e, graph) {
return '<h3>' + x + '</h3>' +
'<p>' + key + ' ' + y + '</p>';
}
};我希望x位于中间，以及数据的其他格式。我该怎么做？我是否使用了正确的属性来格式化工具提示？
回答 1
Stack Overflow用户
发布于 2015-06-17 19:55:58
- 将
tooltipcontent="toolTipContentFunction()"更改为：tooltipContent="toolTipContentFunction" - 必须将
useInteractiveGuideline设置为false才能使tooltipContent工作。我相信这是因为useInteractiveGuideline使用了自己的弹出窗口。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29580702
复制相关文章
相似问题
腾讯云开发者
