首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >凹陷工具提示添加自定义文本

凹陷工具提示添加自定义文本
EN

Stack Overflow用户
提问于 2016-07-05 21:30:03
回答 0查看 491关注 0票数 0

我正在使用dimple js和tryin构建一个图表来调整工具提示。我想出了如何添加“性别”和“存活率”。现在,我想添加存储在flatgroups对象中的存活计数。我该怎么做呢?下面的工作(使用for循环)似乎不起作用。它给我一个错误,告诉我扁平组对象是未定义的,并且它不能接受未定义对象的长度。谢谢!

代码语言:javascript
复制
 function draw_bar(data) {
  var svg = dimple.newSvg("#chart1", 800, 600);

// Group/nest data by gender and calculate survival rate and number of people that survived per gender 
var grouped_data = d3.nest()
                .key(function (d) {return d.Sex;})
                .rollup(function (v) {return {"Survival Rate": d3.mean(v, 
                                                                        function (d) {
                                                                            return d.Survived;
                                                                                     }
                                                                      ), 
                                              "Survival Count": d3.sum(v, 
                                                                        function (d) {
                                                                            return d.Survived;
                                                                                     }
                                                                      )
                                             };
                                     }
                        )
                .entries(data);

  // flatten the data structure stored in grouped_data
   var flatgroups = [];
   grouped_data.forEach(function (group) {
            flatgroups.push({
                        "Gender": group.key,
                        "Survival Rate": group.values["Survival Rate"],
                        "Survival Count": group.values["Survival Count"] 
                        });
                  });

  // Construct chart, set axis labels and draw it
  var chart = new dimple.chart(svg, flatgroups);
  var x = chart.addCategoryAxis("x", "Gender");
  x.title = "Gender";
  var y = chart.addMeasureAxis("y", "Survival Rate");
  y.title = "Survival Rate";
  // Format y-axis to show proportions with 2 decimals
  y.tickFormat = ',.2f';
  var series = chart.addSeries("Gender", dimple.plot.bar);
  series.getTooltipText = function (e) {
                        var key = e.key;
                         for (i in flatgroups) {
                            if (i.key == key) {
                                return [ "Gender" + ": " + e.cx,
                     "Survival Rate" + ": " + (e.cy).toFixed(2),
                     "Survival Count" + ": " + i["Survival Count"]

                                        ];
                                                            };
                         };
  };
  chart.assignColor("female", "red")
  chart.assignColor("male", "blue")
  chart.draw();
EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38204790

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档