Javascript 是否可以在Billboard.js的图表上显示消息文本?

Javascript 是否可以在Billboard.js的图表上显示消息文本?,javascript,d3.js,charts,billboard.js,Javascript,D3.js,Charts,Billboard.js,我正在和一个基于D3的图书馆合作 我创建了一个图表,我希望能够在上面显示一条消息,例如,如果Y轴大于100或类似的值,则与条件无关 这是一个我想用纯D3实现的示例(我猜): 基本上,如果满足该条件,该消息框将显示在图表上 你对做这件事有什么想法吗 有几种方法可以做到这一点 1) 添加y轴栅格文本 2) 简单地说,添加一些普通的DOM元素(例如div等),并将其放置在图表元素上 我将尝试使用第一个示例并检查API文档 //用于保存最小值和最大值的变量 var-min; var-max; v

我正在和一个基于D3的图书馆合作

我创建了一个图表,我希望能够在上面显示一条消息,例如,如果Y轴大于100或类似的值,则与条件无关

这是一个我想用纯D3实现的示例(我猜):

基本上,如果满足该条件,该消息框将显示在图表上


你对做这件事有什么想法吗

有几种方法可以做到这一点

  • 1) 添加y轴栅格文本
  • 2) 简单地说,添加一些普通的DOM元素(例如div等),并将其放置在图表元素上
我将尝试使用第一个示例并检查API文档

//用于保存最小值和最大值的变量
var-min;
var-max;
var图表=bb.generate({
数据:{
栏目:[
[“样本”,30、200、100、400、150、250]
],
onmin:函数(数据){
最小值=数据[0]。值;
},
onmax:函数(数据){
最大值=数据[0]。值;
}
}
});
//添加y网格,并将确定的css类添加到添加的样式文本中
查特·伊格里兹([
{value:min,文本:“value小于Y max”,位置:“start”,类:“min”},
{value:max,文本:“value大于Y max”,位置:“start”,类:“max”}
]);
/*隐藏网格线*/
.min行、.max行{
显示:无;
}
/*文本样式*/
.min文本,.max文本{
字体大小:20px;
转换:translateX(10px);
}

billboard.js