Dimple.js 轴标签

Question

我有一个数据集，其中每一行都有一个 id 和一个 name 属性。 id 属性是唯一键，names 可能重复。我希望名称显示在 Dimple.js 图表的类别轴上。

如果我使用“名称”作为chart.addCategoryAxis 的参数，则会绘制正确的标签，但名称重复的用户会被分组到单个条中。 如果我使用“id”作为参数，条形图是分开的，但标签错误。

有没有一种“Dimple”方式来实现这一点，或者我应该只是：

• 手动编写轴格式化程序以将 id 转换为 name，如下所示 ：https://github.com/PMSI-AlignAlytics/dimple/issues/99
• 之后访问axis.shapes并更改它们？

这个例子（点击切换按钮看看我的意思）：http://jsbin.com/bupamo/4/edit?js,output

Answer 1

感谢您提供清晰的解释。这并不是真正的酒窝原生的东西，但是您可以通过使用 id 绘制并在事后替换它们来实现它：

您还需要像这样进行其他一些调整：

// Set the title before drawing
xAxis.title = 'name';
// Draw the axis with id's
chart.draw(0, false);
// Now set the category fields to name so that the tooltips are correct
xAxis.categoryFields = ['name'];
// Select the ID labels and replace the text with names
xAxis.shapes
   .selectAll("text")
       .text(function (d) { 
           var i;
           for (i = 0; i < initialData.length; i += 1) {
               if (initialData[i].id === d) {
                   return initialData[i].name;
               }
           }
       });

http://jsbin.com/lezocu/4/edit?js,output