Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用tipsy和d3.js的附加工具提示文本_Javascript_Jquery_D3.js_Tipsy - Fatal编程技术网

Javascript 使用tipsy和d3.js的附加工具提示文本

Javascript 使用tipsy和d3.js的附加工具提示文本,javascript,jquery,d3.js,tipsy,Javascript,Jquery,D3.js,Tipsy,我不确定如何使用这些工具提示,因为我正在编写一些示例代码。我有一个由d3.js创建的散点图,它使用tipsy向每个圆添加工具提示。这是滚动任何圆时添加标签的代码部分: circles.append("title") .text(function(d) { return d.attribute; }) “属性”是我的数据中的一列。我可以将其更改为我的任何列名,这将成为工具提示中显示的内容。我想做的是有一个完整句子的工具提示,其中包括每列的一段数据。我想做的是这样的事情,当然,这根本不起作用,

我不确定如何使用这些工具提示,因为我正在编写一些示例代码。我有一个由d3.js创建的散点图,它使用tipsy向每个圆添加工具提示。这是滚动任何圆时添加标签的代码部分:

circles.append("title")
  .text(function(d) { return d.attribute; })
“属性”是我的数据中的一列。我可以将其更改为我的任何列名,这将成为工具提示中显示的内容。我想做的是有一个完整句子的工具提示,其中包括每列的一段数据。我想做的是这样的事情,当然,这根本不起作用,但我希望它能让人明白这一点:

circles.append("title")
  .text(function(d) { return d.attribute; } + "some text here" + function(d) { return d.variance; }    + "more text here" + function(d) { return d.incidence; })
关于我如何使这项工作成功的想法?

您可以这样做:

circles.append("title")
  .text(function(d) {
     return d.attribute + " some text here " + d.variance + " more text here " + d.incidence;
  })
一切都在一起:

var数据=[
{
“属性”:“属性1”,
“差异”:“差异1”,
“发病率”:“发病率1”
},
{
“属性”:“属性2”,
“差异”:“差异2”,
“发病率”:“发病率2”
},
{
“属性”:“属性3”,
“差异”:“差异3”,
“发病率”:“发病率3”
} 
];
var svg=d3.select('body')。append('svg');
svg.attr('height',500.).attr('width',500);
var circles=svg.selectAll('circle').data(数据);
circles.enter().append('circle')
.attr('cx',函数(d,i){返回i*100+100;})
.attr('cy',函数(d,i){return 100})
.attr('r',50)
.attr('填充','绿色')
.append('标题')
.文本(功能(d){
返回d.attribute+“此处有一些文本”+d.variance+“此处有更多文本”+d.attribute;
}) 
.attr('fill','black')