我如何添加一些文本到NVD3离散条形图的工具提示
How can I add some text to the tooltip of NVD3 discreteBarChart?
我试图添加一些文本到我的nvd3离散条形图的工具提示,但它不起作用,我不知道为什么。当我在工具提示上方时,它总是显示以下内容:[object Object]
undefined cal
。你有什么好主意吗?
historicalBarChart = [
{
key: "Notenvergabe",
values: [
{
"label" : "1" ,
"value" : <?php echo $sel_an_datas["note_1"]; ?>
} ,
{
"label" : "1,3" ,
"value" : <?php echo $sel_an_datas["note_2"]; ?>
}
]
}
];
nv.addGraph(function() {
var chart = nv.models.discreteBarChart()
.x(function(d) { return d.label })
.y(function(d) { return d.value })
.staggerLabels(false)
.showValues(true)
.duration(250);
chart.height(250)
chart.tooltipContent(function(key, y, e, graph) {
var x = String(key);
var y = String(y);
tooltip_str = '<center><b>'+x+'</b></center>' + y;
return tooltip_str;
});
d3.select('#chart1 svg')
.datum(historicalBarChart)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
显然是这样做的:
tooltipContent(function(key, y, e, graph) { return 'Some String' })
参考相关文章:
- 用chart.js绘制条形图
- d3.js用按钮更新条形图工具提示
- 添加新数据时D3.JS条形图列偏移量
- Angular-nvD3条形图y轴缩放错误(AngularJS)
- 如何在nvd3中对条形图进行排序
- 如何将参考线添加到 nvd3 离散条形图
- 将CSV加载到NVD3中以制作离散条形图
- NVD3.js 多条形图工具提示颜色
- 将 nvd3 线加条形图调整为带有累积百分比线的直方图
- nvd3多条形图状态在图例切换时更新错误
- 将y轴标签添加到NVD3多条形图中
- 当序列计数变化时,使用NVD3维护堆叠/分组多条形图的颜色映射
- 条形图中条形的NVD3力特定宽度
- nvd3向多条形图添加工具提示
- nvd3离散条形图y轴标签
- 使用nvd3.js绘制具有堆叠条形图和折线图的图表
- 用d3.csv加载csv数据在nvd3多条形图示例(JSON格式)
- Angular NVD3多条形图,双y轴,只显示使用json数据的线
- 我如何添加一些文本到NVD3离散条形图的工具提示
- Nvd3调整线+条形图大小