Configuración de visifire

Configuración
To get set up for this solution, create a new document library called Dashboards (you can name it whatever you want). Para ponerse en marcha para esta solución, crear una nueva biblioteca de documentos llamada Dashboards (usted puede nombrar como quieras).
1. Download the Visifire control, extract the contents and upload the Visifire2.js and SL.Visifire.Charts.xap files to yourdocument library. Descargar el control Visifire, extraer el contenido y cargar los Visifire2.js y archivos SL.Visifire.Charts.xap a su biblioteca de documentos.
2. Create a blank text file called My.Dashboard.Charts.js and upload this file to your document library. Crear un archivo de texto en blanco llamado My.Dashboard.Charts.js y cargar este archivo a la biblioteca de documentos.
3.Create a Web Part Page in your document library (I selected the Full Page, Vertical layout). Crear una página de elementos Web en su biblioteca de documentos (que he seleccionado la página completa, la disposición vertical).
4. Add a Content Editor Web Part to the page and open the source editor. Agregar un elemento Web Editor de contenido a la página y abrir el editor de código fuente. Add thecode from Listing 1 into the source editor. Note : Each of the tags is for a separate chart to be explained later. Agregue el código del listado 1 en el editor de código fuente. Nota: Cada uno de los tags es un gráfico independiente que se explica más adelante.
5. Exit edit mode. Salir del modo de edición. You should now have a blank page. Ahora debería tener una página en blanco.
6.Next, we need the ID's of the custom list and the view. A continuación, necesitamos el ID de la lista personalizada y la vista. Navigate to your list and change to the view containing the fields needed to be displayed in your dashboard. Vaya a su lista y cambiar a la vista que contiene los campos necesarios para que se muestre en su tablero de instrumentos. If a view doesn't yet exist that containsall the fields you need, create a new view. Si un punto de vista no existe todavía que contiene todos los campos que necesite, crear una nueva vista. On the View menu, select 'Modify this View'. En el menú Ver, seleccione 'Modificar esta vista. Copy the URL to the clipboard and go to the URL Decoder page . Copia el URL en el portapapeles e ir a la página de la Decoder URL. Paste in your URL andclick Decode. Pega la URL y haga clic en Decode. Save the List ID and the View ID for later: Guardar la lista de ID y el ID Ver para más tarde:
List= {2A09E4CF-DEC3-4AC7-B846-E0C9E9170001} &View= {4EFB1CFC-C60B-4D2B-8266-37A1D12C98C1} &Source=http%… = (Lista 2A09E4CF-DEC3-4AC7-B846-E0C9E9170001) & view = (4EFB1CFC-C60B-4D2B-8266-37A1D12C98C1) & Source = http% ...
Retrieving SharePoint ListData using JQuery Recuperación de datos de SharePoint en la lista por JQuery
I my case I am using a single list and summarizing it in different ways to generate multiple charts on a single page. Yo mi caso yo estoy usando una sola lista y un resumen de diferentes formas de generar múltiples gráficos en una sola página. The first step is to ensure the JQuery library is referenced in the page. Elprimer paso es garantizar la librería jQuery se hace referencia en la página. Right-click on the page and ensure that the following is included somewhere in the page: Haga clic en la página y garantizar que los siguientes se incluye en algún lugar de la página:
< script type ="text/javascript" src ="/_layouts/jquery-1.3.2.min.js" >
If JQuery is not referenced you'll need to add it to yourContent Editor Web Part. JQuery Si no se hace referencia tendrá que añadirlo a tu Editor de Contenido Web.
The next step is to use JQuery to retrieve your SharePoint list data. El siguiente paso es usar jQuery para recuperar sus datos de lista de SharePoint. I followed the steps from Jan Tielens blog on querying SharePoint list items with JQuery to get started. He seguido los pasos de Jan blog...