java - realtime - Agregue texto personalizado a la información sobre herramientas de visualización de Google(usando GWT API)
google charts realtime (3)
Basándome en la respuesta de Ümit, pude hacer esto muy fácilmente usando JSNI, pensé en publicar algún código de muestra para cualquier otra persona que se encuentre con esto.
Para mantener las cosas ultra simples en lugar de extender la clase DataTable, agregué lo siguiente en mi clase de cliente lateral que genera el gráfico:
private native void addTooltipColumn(DataTable data) /*-{
data.addColumn({type:''string'', role:''tooltip''});
}-*/;
Tenga en cuenta que esto es JNSI, de ahí los comentarios / corchetes que parecen extraños para los no iniciados.
Entonces puedo llamar eso en la tabla de datos:
addTooltipColumn(dataTable);
Y los tooltips se pueden agregar junto con los datos de cada fila como esta:
data.setValue(row, col, data);
data.setValue(row, col, "Tool Tip Text");
La siguiente pregunta describe casi por completo a qué intento ...
Agregar texto personalizado a la información sobre herramientas de visualización de Google
... básicamente para agregar información adicional a la información sobre herramientas de google-viz. La respuesta aceptada se veía bastante bien, pero estoy usando la API de GWT. Desde el aspecto de la última versión (1.1), la tabla de datos no admite esto ...
...
¿Alguien está enterado de alguna solución o solución para esto?
Gracias.
Bueno, las nuevas funciones en las herramientas de gráficos de Google no han llegado a la API de visualización de GWT y al envoltorio, respectivamente.
De hecho, no estoy seguro de si la API de GWT se actualizará en absoluto. Sin embargo, siempre puede implementar estas características usted mismo.
Dependiendo de cómo cree su DataTable (mediante programación o mediante el back-end), puede:
- Programado : podría ampliar la clase DataTable o AbstractDataTable e implementar las características y funciones faltantes a través de JSNI (es decir,
addColumn(type, role), etc. Verifique el código fuente de AbstractDataTable ). - JSON desde el backend : puede crear la estructura
DataTableJSON adecuada en el back-end y luego simplemente llamar a DataTable.create () y pasarlo al métododraw()sin modificaciones de código. (No lo he probado, pero debería funcionar, ya que DataTable es solo un JavaScriptObject)
Por cierto: la última versión de la API de visualización de GWT es en realidad ( 1.1.2 )
También puede agregar más información a la información sobre herramientas usando
double value = 50.0;
data.setCell(row, col, value, Double.toString(value) + "/nExtra information/n On several rows",null);
en lugar de data.setValue (...).