Question

基于此示例http://jsfiddle.net/EgzfS/2/我构建了一个带有向下钻取的堆积条形图：

但我陷入困境的问题是：我怎样才能让一些类别进行深入研究而其他类别没有呢？

在该示例中，可以单击每个类别，它将显示由员工分隔的单个日期的目标和销售额。但是，假设我周五有目标和销售，但没有目标，也没有员工销售。我怎样才能将那一天包含在图表中，但是禁用当天的点击？

events: {
    click: function () {
        var drilldown = this.drilldown;
        if (drilldown) { // drill down
            setChart([drilldown.name1, drilldown.name2], drilldown.categories, [drilldown.data1, drilldown.data2]);
        } else { // restore
            setChart([name1, name2], categories1, [data1, data2]);
        }
    }
}

非常感谢你的帮助，

UEM

[UPDATE]

Thx to Pawel，我现在开始工作了，这是更新的例子：

http://jsfiddle.net/uemit/9CJHq/3/

Answer 1

首先，您必须从没有数据的数据中删除明细（显而易见的）。然后你可以添加一些属性，比如空：

{
    y: 1355,
    empty: true
}

然后在点击事件中，您可以添加检查，如果您想要向下钻取：

                        click: function () {
                            var drilldown = this.drilldown,
                                empty = this.empty;
                            if (drilldown) { // drill down
                                setChart([drilldown.name1, drilldown.name2], drilldown.categories, [drilldown.data1, drilldown.data2]);
                            } else if(empty) {
                                //do nothing
                                return ;
                            } else { // restore
                                setChart([name1, name2], categories1, [data1, data2]);
                            }
                        }

工作示例：http://jsfiddle.net/9CJHq/2/

我怎样才能让一些类别进行深入研究而其他类别没有？

1 个答案: