Grafico multiuso

Modifica in linea

Genera un grafico multiuso per una serie di dati (serie di singoli dati o a più dati), con l'opzione di aggiungere delle strutture ad albero di drill-down per ulteriori serie di dati. È necessario popolare la serie di dati tramite un servizio.

Limitazione

Il grafico multifunzione deve essere popolato utilizzando un servizio.

Nota: se si verificano problemi di dimensionamento quando si visualizza il grafico in un pannello comprimibile, utilizzare il seguente codice sull'evento On expand del pannello comprimibile per adattare la dimensione del grafico allo spazio disponibile: ${CHART_CONTROL_ID}.refresh();

Proprietà di configurazione

In Configurazione, impostare o modificare le proprietà di aspetto e comportamento per la vista.

Dimensione schermo: Una proprietà di configurazione che ha l'icona Dimensioni schermo accanto al nome proprietà può avere valori differenti per ciascuna dimensione schermo. Se non si imposta un valore, la dimensione dello schermo eredita il valore della dimensione dello schermo successivo più grande come valore predefinito.

Definizioni del tema: Le definizioni dei temi specificano i colori e gli stili per una vista e ne determinano l'aspetto. È possibile visualizzare l'anteprima dell'aspetto delle viste nell'editor del tema. Consultare Temi.

Le proprietà di configurazione dell'aspetto per la vista Grafico multiuso sono mostrate nella seguente tabella:

Tabella 1. Proprietà di configurazione dell'aspetto per il grafico multiuso
Proprietà di configurazione dell'aspetto	Descrizione	Tipo di dati
Stile colore di sfondo	Lo stile del colore di sfondo.	`String`
Stile colore serie di dati	Lo stile di colore per le serie di dati	`String`
Stile colore personalizzato serie di dati	Personalizzare lo stile del colore per le serie di dati. In `NameValuePair`, se il tipo di grafico selezionato è Barra, Area, Linea o Passo, `Name` è il nome della serie. Se il grafico selezionato è Donut o Pie, `Name` è l'etichetta del punto dati. `Value` è il colore specificato come nome, codice esadecimale o codice RGB. Ad esempio, `red`, `#ff0000`, `rgb(255, 0, 0)`. La proprietà ha la precedenza su Stile colore serie dati.	`NameValuePair (List)`
Mostra etichette valore	Visualizzare i valori dei punti di dati sopra ogni punto del grafico.	`Boolean`
Mostra barre di navigazione	Quando questa opzione è abilitata, il titolo mostra la posizione corrente della struttura ad albero in cui l'utente può eseguire il drill - down (in base alla selezione del menu).	`Boolean`
Dimensione punto	La dimensione del punto che contrassegna il valore. Valore predefinito: 2.5 pixel	`Decimal`
Stile colore asse XY	Lo stile di colore per gli assi X e Y	`String`
Stile griglia	Lo stile per le linee della griglia orizzontali	`String`
Posizionamento legenda	La posizione della legenda per il grafico.	`String`
Rotazione etichetta X	La rotazione in gradi per l'etichetta dell'asse X.	`Decimal`
Altezza asse X	L'altezza dell'asse X.	`Integer`
Raggio del bordo	Il raggio del grafico. È possibile impostare questa proprietà per i grafici a torta e ad anello.	`String`
Riempimento	Il riempimento per il lato destro, superiore, sinistro e inferiore del grafico (in pixel).	`String`
Altezza	L'altezza del grafico.	`Integer`

Le proprietà di configurazione del comportamento per la vista Grafico multifunzione sono mostrate nella seguente tabella:

Tabella 2. Proprietà di configurazione del comportamento per il grafico a più scopi
Proprietà di configurazione del comportamento	Descrizione	Tipo di dati
Servizio di dati singoli	Un servizio che popola le serie di dati	`Ajax service`
Serie di dati singoli	`seriesName` è il nome della serie di dati e `dataPoints` è l'elenco dei punti di dati da includere nella serie di dati.	`String` per `seriesName` e `DataPoint[]` per l'elenco di `dataPoints`.
Servizio di dati multipli	Un servizio serie di dati multipli che popola i dati del grafico.	`Ajax service`
Serie di dati multipli	Una serie di dati multipli per popolare il grafico. `seriesName` è il nome della serie di dati e `dataPoints` è l'elenco dei punti di dati da includere nella serie di dati.	`String` per `seriesName` e `DataPoint[]` per l'elenco di `dataPoints`.
Mostrare serie di dati multipli	Sovrapporre più serie di dati.	`Boolean`
Modalità dati del grafico	Selezionare se popolare i dati del grafico da un servizio o dall'opzione di configurazione. Notare che le strutture ad albero in cui gli utenti possono eseguire il drill - down sono disponibili solo popolando un flusso di servizi con l'accesso Ajax appropriato.	`String`
Abilita menu	Abilita la visibilità del menu. Il menu è richiesto se si dispone di una struttura ad albero in cui gli utenti possono eseguire il drill - down o se sono stati aggiunti menu.	`Boolean`
Numero di segni sull'asse Y	Il numero di tacche sull'asse Y. Il valore specificato non viene interpretato come un numero esatto ma viene regolato al numero di segni più adatto per fornire la visualizzazione ottimale.	`Integer`
Precisione segno asse Y	Il numero di posizioni decimali da visualizzare per le etichette valore dell'asse Y. Il numero predefinito di posizioni decimali è 0.	`Integer`
Valore minimo asse Y	Il valore minimo sull'asse Y.	`Decimal`
Valore massimo asse Y	Il valore massimo sull'asse Y.	`Decimal`
Utilizza selezione asse X	Mostra solo il numero di conteggi del tratto di dati dell'asse X, che è determinato dal valore della proprietà Numero massimo di tratti X .	`Boolean`
Numero di segni sull'asse X	Il numero di tacche sull'asse X. Il valore specificato non viene interpretato come un numero esatto ma viene regolato al numero di segni più adatto per fornire la visualizzazione ottimale.	`Integer`
Stile descrizione a comparsa	Visualizzare i suggerimenti.	`String`

Per informazioni sulle strutture ad albero drill - down che è possibile utilizzare con i propri grafici, vedere Strutture ad albero drill - down.

Eventi

Impostare o modificare i gestori eventi per la vista nelle proprietà Eventi . È possibile impostare gli eventi da attivare in modo programmatico o quando un utente interagisce con la vista. Per informazioni su come definire e codificare eventi, vedere Eventi definiti dall'utente. La vista Grafico multiuso ha i seguenti tipi di gestori eventi:

On load: attivato quando il grafico viene caricato, ad esempio,
```
me.defocusSeries("Brand1")
```
On refreshed: attivato quando il grafico viene aggiornato, ad esempio,
```
me.focusSeries("Brand1")
```
On click: attivato quando si fa clic sul grafico, ad esempio,
```
me.transform("donut", ["Brand1","Brand2"])
```

On menu action: attivato quando viene rilevata un'azione di menu, ad esempio,

console.log("Running menu action '" + action.name + "' on " + me.getSelectedDataPoint().label + " with value of " + me.getSelectedDataPoint().value)

Navigazione da tastiera

Per esplorare i grafici utilizzando la tastiera:

Premere Tab fino a evidenziare il grafico desiderato.
Premere Tab per attivare il grafico.
Utilizzare i tasti freccia destra, sinistra, su o giù per navigare all'interno del grafico.
Nota: per esplorare il grafico come descritto, è necessario utilizzare il programma di lettura dello schermo JAWS.

Metodi

Per informazioni sui metodi per il grafico multiuso, consultare l'API Grafico multiuso JavaScript .

Ulteriori risorse

Per informazioni su come creare un coach o una pagina, consultare Creazione di coach.
Per informazioni sulle proprietà standard (Generale, Configurazione, Posizionamento, Visibilitàe Attributi HTML), consultare Visualizza proprietà.