1

在谷歌树形图中，每个节点都必须有一个唯一的 id，但两个节点可以有相同的名称（https://groups.google.com/d/msg/google-visualization-api/UDLD-a-0PCM/IwVCGzsWOg8J）。

我使用了父/子演示中的模式（http://www.iccube.com/support/documentation/user_guide/schemas_cubes/dim_parentchild.php）

只要节点的名称是唯一的，在树形图中使用以下 MDX 语句即可：

WITH
  MEMBER [parent_name] as IIF( [dim (ALL)].[Hierarchy].currentmember 
  is  [dim (ALL)].[Hierarchy].[ALL],'',
  [dim (ALL)]. [Hierarchy].currentmember.parent.name )
SELECT
  {[parent_name],[Measures].[value]} on 0,
  non empty [dim (ALL)].[Hierarchy].members on 1
FROM
  [Cube]

如果我将该行添加到 icCube 架构中的内存表中：

7,4,Spain, 2, 32

但是在渲染 Treemap 时，西班牙的名称是双重的。为了支持名称，GVI 表中的子定义应该是这样的：

{v:'uniqueID-Spain', f:'Spain'}
4

2 回答 2

2

作为一种解决方法，您可以使用以下代码修改 Google 树小部件的 GviTable 处理。在此处查看示例： https ://drive.google.com/file/d/0B3kSph_LgXizSVhvSm15Q1hIdW8/view?usp=sharing

报告 JavaScript：

function consumeEvent( context, event ) {
    if (event.name == 'ic3-report-init') {
        if(!_.isFunction(ic3.originalProcessGviTable)) {
            ic3.originalProcessGviTable = viz.charts.GenericGoogleWidget.prototype.processGviTable
        }

        viz.charts.GenericGoogleWidget.prototype.processGviTable = function(gviTable){
            if(this.props.ic3chartType === "TreeMap") {
                gviTable = gviTable || this.gviTable();
                var underlying = _.cloneDeep(gviTable.getUnderlyingGviTable());
                _.each(underlying.rows, function(row){
                    // Replace id with parent prefixed
                    if(_.isObject(row.c[0]) && !_.isString(row.c[0].f)) {
                        row.c[0].f = row.c[0].v;
                        if(_.isObject(row.c[0].p) && _.isString(row.c[0].p.mun)) {
                            row.c[0].v = row.c[0].p.mun;
                        }
                    }
                });
                gviTable = viz.GviTable.fromSnapshot(underlying);
                this.startColumnSelection = gviTable.getNumberOfHeaderColumns() - 1;
                return viz.charts.toGoogleDataTableOneRowHeader(gviTable);
            } else {
                return ic3.originalProcessGviTable.apply(this, gviTable);
            }
        }
    }
}

对于像这样的查询：

WITH
  MEMBER [parent_name] as 
    IIF( [dim (ALL)].[Hierarchy].currentmember.isAll(),
        '', 
        ([dim (ALL)].[Hierarchy].currentmember.parent.uniqueName) 
    )
SELECT
  {[parent_name],[Measures].[value]} on 0,
  non empty [dim (ALL)].[Hierarchy].members on 1
FROM 
  [Cube]
于 2016-08-15T13:49:01.330 回答
-1

这是对 ID 和标签使用同一列的 Google Treemap 图表的限制。除了更改名称以确保它们是唯一的（例如添加父级）之外，我没有看到解决方法。

一种选择是使用没有此限制的另一个 Treemap 图表（例如 D3 中的一个）。

--- icCube 架构 ---

架构正在工作（只需使用 , 而不是 ; 作为分隔符） 在此处输入图像描述

--- icCube 报告 ---

使用 Treemap 的问题是你有两行具有相同的 id（德国），小提琴

This fiddle is a running example of treemap
于 2016-08-12T10:41:07.460 回答