2012-01-05 3 views
6

Sto usando la libreria Javascript di HighCharts per un'applicazione web e vorrei avere una filigrana dell'immagine all'interno dei grafici (diciamo una piccola immagine nell'angolo in alto a sinistra). Non solo per mostrare questa immagine della filigrana nel browser, ma anche quando qualcuno potrebbe esportare il grafico in JPG o PNG.Come ottenere una filigrana immagine nei grafici HighCharts?

L'ho visto da qualche parte in una applicazione Web che utilizza anche HighCharts ma non riesce a ricordare dove fosse.

Qualche suggerimento?

risposta

7

Guardate questa: http://jsfiddle.net/highcharts/cDcw7/ Suggerimento: ho capito, che è importante per la funzione di esportazione per funzionare correttamente, che l'URL inizia con http: // ...

+0

Wow grazie scu! Questo è esattamente quello che stavo cercando! – Glooh

+3

Il jsfiddle è rotto. Ecco una versione fissa: http://jsfiddle.net/ecampohermoso/yappb2q3/4/ –

0

penso che può essere fatto con l'opzione credits impostando background: url(...) di itemStyle

+0

Dove posso trovare questo? In quale file? highcharts.js è piuttosto difficile da leggere. – Glooh

+0

Ciao scusa, avrei dovuto dire che non ho usato i diagrammi ad alta risoluzione basta leggere [api] (http://www.highcharts.com/ref/#credits), quindi sembra che tu possa semplicemente specificare quell'opzione quando istanzia un grafico. –

1

Non riesco a ottenere la proprietà itemStyle di credits per funzionare.

Invece, prendendo ispirazione da Place text in center of pie chart - Highcharts, sono venuto su con questo piccolo violino: http://jsfiddle.net/2P98N/22/

+1

Si prega di evitare di postare solo risposte di collegamento, se il tuo link non è valido allora l'intera risposta è persa. Si prega di prendere in considerazione questa risposta per includere i punti principali della soluzione fornita nei collegamenti. – JaredMcAteer