Usage of background image for charts
Notes: In this sample two charts are generated. Second chart (without background image) is not displayed ("hidden") as it has parameter "hide_chart" set. It may be displayed by clicking choice in chart menu. Both javascripts to be used in "menu" have been created dynamically via parameter "create_script".- {flashchart width="660" height="330" data="popup_window" url="php-apps/flashchart/samples/chart_parm01-en.html" title="Click to see flashChart parameters for this sample"}chart01{/flashchart}
Please select choice in chart menu
{flashchart height="300" title="Cost of Cars - Premium Class
Top Ten" x_label_rotate="40" data="Range Rover Sport 3.0,Audi Q7 3.0,Porsche Cayenne,Mercedes R 300,Porsche Panamera,Mercedes G350,BMW 640D Coupe,Jaguar XJ 3.0 V6,Mercedes GL 350CDI,Porsche Carrera/91.8,92.5,97.9,101.6,108.4,112.3,115.9,117.3,120.2,127.7" bg_image="media/plg_content_flashchart/images/euro.jpg" menu="without background image,without_background" create_script="with_background" tooltip="#val# cent" multibar_color="1" y_min="70" dimension=" cent" y_step="20" y_legend="Cent per Kilometer" label_color="000000" label_fontsize="10"}costs{/flashchart} {flashchart height="300" title="Cost of Cars - Premium Class
Top Ten" x_label_rotate="40" data="Range Rover Sport 3.0,Audi Q7 3.0,Porsche Cayenne,Mercedes R 300,Porsche Panamera,Mercedes G350,BMW 640D Coupe,Jaguar XJ 3.0 V6,Mercedes GL 350CDI,Porsche Carrera/91.8,92.5,97.9,101.6,108.4,112.3,115.9,117.3,120.2,127.7" menu="with background image,with_background" create_script="without_background" hide_chart="1" tooltip="#val# cent" bg_image="" multibar_color="1" y_min="70" dimension=" cent" y_step="20" y_legend="Cent per Kilometer" label_color="000000" label_fontsize="10"}costs{/flashchart}
Top Ten" x_label_rotate="40" data="Range Rover Sport 3.0,Audi Q7 3.0,Porsche Cayenne,Mercedes R 300,Porsche Panamera,Mercedes G350,BMW 640D Coupe,Jaguar XJ 3.0 V6,Mercedes GL 350CDI,Porsche Carrera/91.8,92.5,97.9,101.6,108.4,112.3,115.9,117.3,120.2,127.7" bg_image="media/plg_content_flashchart/images/euro.jpg" menu="without background image,without_background" create_script="with_background" tooltip="#val# cent" multibar_color="1" y_min="70" dimension=" cent" y_step="20" y_legend="Cent per Kilometer" label_color="000000" label_fontsize="10"}costs{/flashchart} {flashchart height="300" title="Cost of Cars - Premium Class
Top Ten" x_label_rotate="40" data="Range Rover Sport 3.0,Audi Q7 3.0,Porsche Cayenne,Mercedes R 300,Porsche Panamera,Mercedes G350,BMW 640D Coupe,Jaguar XJ 3.0 V6,Mercedes GL 350CDI,Porsche Carrera/91.8,92.5,97.9,101.6,108.4,112.3,115.9,117.3,120.2,127.7" menu="with background image,with_background" create_script="without_background" hide_chart="1" tooltip="#val# cent" bg_image="" multibar_color="1" y_min="70" dimension=" cent" y_step="20" y_legend="Cent per Kilometer" label_color="000000" label_fontsize="10"}costs{/flashchart}
Source: ADAC (January 2012)
Important: If you want to test this sample via copy/paste, ensure that you paste with option "paste as plain text" otherwise imbedded html-codes may invalidate your input.
go back...
