Blog del CIIN

WSS 3.0 & MOSS: Uso de los .NET 3.5 Chart Controls en SharePoint!

Hace unos meses os hablaba de que Microsoft había liberado los Microsoft chart Controls para .NET Framework 3.5. Estos controles, basados en los excelentes componentes de visualización de Dundas nos permiten añadir gráficos visualmente ricos a nuestras aplicaciones ASP.NET y Windows Forms. Para poder utilizarlos en nuestros desarrollos, necesitaremos:

• Tener instalado el SP1 de .NET Framework 3.5.
• Los Microsoft Chart Controls for Microsoft .NET Framework 3.5, que instala los controles para ASP.NET y Windows Forms. Los ensamblados correspondientes se instalarán en la GAC, así como en la carpeta "%Program File%\Microsoft Chart Controls\Assemblies" folder.
• Language Pack for Microsoft Chart Controls, disponible para 23 idiomas.
• Microsoft Chart Controls Add-on for Visual Studio 2008, que añade intellisense para el uso de los controles, y los hace disponibles en la toolbox de proyectos ASP.NET y Windows.
• Documentation for Microsoft Chart Controls.
• Ejemplos de uso de los controles en:http://code.msdn.microsoft.com/mschart.

Con los requisitos previos, ya estamos listos para empezar a usar los Chart Controls en nuestras aplicaciones:

• En mi caso, he creado un proyecto de tipo aplicación ASP.NET.
• En el markup de la página Default he añadido el código que tenéis más abajo.
• A través de la opción View in Browser comprobamos que el gráfico se visualiza correctamente y que tiene una pinta interesante.

Este es el código que he añadido a la página ASP.NET del proyecto:

 Llevando la página a SharePoint

Para poder desplegar la página en SharePoint, y yendo a lo fácil:

• En primer lugar, modificamos la etiqueta Page de nuestra página para que sólo contenga:

• Modificamos el web.config de nuestro sitio de SharePoint para:
  • Permitir la ejecución de páginas ASP.NET con código InLine (no es una buena práctica, pero nos sirve para propósitos demostrativos) modificando la sección <PagePaserPaths>:

•  
  • Añadimos el ensamblado de los Chart Controls en la sección <SafeControls>:

•  
  • Añadimos a la sección <httpHandlers>:

•  
  • Añadimos debajo de </System.Workflow.Componentmodel.WorkflowCompiler> la siguiente sección <appSettings> (Nota: En MOSS posiblemente esta sección ya exista por lo que con añadir la linea referente a los Chart Controls es suficiente).

• Creamos dentro de la carpeta Images del directorio 12 una carpeta con las imágenes que necesitan los Chart Control (estas imágenes las podemos obtener de los ejemplos de Chart Controls para ASP.NET).
• Subimos la página a la biblioteca de documentos y comprobamos que funciona sin problemas.

Y hasta aquí llega este post sobre como usar los Chart Controls de forma sencilla en sitios de SharePoint. Espero que el post os haya resultado interesante.

Fuente: Use Microsoft Chart Controls for .NET Framework in a SharePoint web site.

Published 28/5/2009 17:58 por Juan Carlos González Martín