2012-10-08 81 views
6

Implementé recientemente algunas visualizaciones de datos usando d3.js, ahora estoy tratando de hacer que esto funcione para las versiones 7 y posteriores del navegador Internet Explorer. La sugerencia común para que esto funcione es combinar d3.js con raphael.js, que es una biblioteca de gráficos de navegador cruzado.Hacer que d3.js trabaje con raphael.js

Ya parece haber algunas implementaciones de bibliotecas tales como r2d3.js: d34raphael.js:

Estoy tratando de entender si estos implementación existente ya tienen la capacidad de d3 de enlace de datos y la implementación física de el diseño de la fuerza para implementar algo tan simple como este ejemplo d3: http://bl.ocks.org/1095795

+0

Es posible que desee echar un vistazo a http://jsfiddle.net/gn6tZ/6/. Aquí el dibujo se hace con Rafael y se aplica el diseño de fuerza de d3.js. – Bill

+0

¿Se conformó con una opción al final? ¿Qué funcionó para ti? – Ian

Respuesta

8

He estado investigando esto también y surgieron varias opciones.

  • Chrome Frame - Un plug-in de navegador que utiliza realmente cromo por debajo, lo que significa SVG simplemente funciona. Esto es genial si puede implementar complementos para el navegador, para un entorno comercial real, pero esto puede no ser posible.

  • SVG Web - El objetivo es llevar SVG a todos los navegadores. Parece un proyecto bastante grande, que tiene la entrada de Google. Sin embargo, esto no funciona de manera inmediata con D3 aunque no sé mucho sobre los problemas.

  • D34Raphael - Has mencionado este, encontré de nuevo que no funciona de la caja. Compruebe el proyecto en GitHub, no ha habido ninguna actividad de confirmación en meses y hay algunas solicitudes de extracción "primer paso al tratar de obtener soporte para .on() requerido para el enlace de eventos". Si no admite eventos, ¿es eso un problema para usted? En general, me mantendría alejado de este.

  • R2D3 - De nuevo, otro que usted mencionó. Tomé el ejemplo de Sankey del sitio web de D3 y tuve que hacer algunos cambios para que funcione. Las principales cosas en las que no pude trabajar (arrastrar eventos, grupos, aunque pueden usar una alternativa). Me llevó casi un día esforzarme para que el ejemplo funcione en IE8 y creo que está en un estado utilizable. El proyecto en GitHub también es mucho más activo, el desarrollador se está comprometiendo, tirando del trabajo y está muy activo en las discusiones, etc. Esto obtiene mi voto.