0

PieChart のデフォルトのツール ヒント テキストをカスタマイズするのに苦労しています。API の詳細は次のとおりです: gwt-visualization 1.1.2、Gwt2.0、および Gxt 2.1.1。これが私がたどったリンクですが、運がありません。

コード：

JSNI:

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

データ表：

 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;
          }

マウスオーバー時のデフォルトテキスト:

4

2 に答える 2

1

このリンクhttps://gist.github.com/alexrainman/bb8d49357250df0859c0を見つけてツールチップをカスタマイズすると、完全に機能しました。これが誰かの時間を節約するのに役立つことを願っています!!

于 2014-12-02T06:47:03.437 に答える
1

現在、ツールチップはサポートされていないようですPiecharts(参照については、こちらを参照してください)。

純粋なjavascriptでもテストしましたが、ツールは円グラフに表示されません:

http://jsfiddle.net/d9tezLL3/

上記の例を から に変更するPieChartとColumnChart、ツールチップが表示されます。
できることは、静的なツールチップ アクションを作成することだけですPieChart。

一般に、公式ライブラリの代わりに非公式のgwt-chartsgwt-visualizationを使用することをお勧めします。これは、前者が更新され、すぐに使用できる最近の機能とチャート (DataRoles、ツールチップなど) をサポートしているためです。

于 2014-10-27T10:43:09.490 に答える