0

I am having difficulty in customizing default tool tip text of PieChart.Here are the details of of API: gwt-visualization 1.1.2, Gwt2.0 and Gxt 2.1.1. Here is the link what i have followed , but there is no luck.

Code:

JSNI:

    private native DataTable addTooltipColumn(DataTable data) /*-{
        data.addColumn({type: 'string', role: 'tooltip'});
        return data;
    }-*/;

DataTable:

 private AbstractDataTable createTable() {
          DataTable data = DataTable.create();
          data.addColumn(ColumnType.STRING, "Task");
          data.addColumn(ColumnType.NUMBER, "Hours per Day");

//Assigning the variable

      data = addTooltipColumn(data);

            List<Integer> asList = Arrays.asList(34,12,34,32,67,21,2,45,2,4,28,5,78);
            data.addRows(asList.size());
            int i=0;
            for (Integer integer : asList) {
                data.setValue(i, 0, "Work"+i);
                data.setValue(i, 1, integer);
                data.setValue(i, 2, "....Tool Tip Txt...");
                i++;
            }
            return data;
          }

Default text on mouse over:

4

2 回答 2

1

我找到了这个链接https://gist.github.com/alexrainman/bb8d49357250df0859c0来自定义我的工具提示，并且效果很好。希望这可以帮助某人节省时间！

于 2014-12-02T06:47:03.437 回答
1

似乎目前不支持工具提示Piecharts（请参阅此处以供参考）。

我也在纯 javascript 中对其进行了测试，并且工具没有显示在 Piecharts 中：

http://jsfiddle.net/d9tezLL3/

如果您在上面的示例中从 更改PieChart为ColumnChart，它将显示工具提示。
您所能做的就是使用PieChart.

一般来说，我建议使用非官方的gwt-charts而不是官方gwt-visualization库，因为前者已更新并支持开箱即用的最新功能和图表（DataRoles、工具提示等）

于 2014-10-27T10:43:09.490 回答