amCharts support forum

You are not logged in.

Announcement

FORUM CLOSED! This forum is closed. We moved to a new place at Zendesk. Update your bookmarks.

Flash Charts: Flash Charts Bundle


#1 2012-04-08 14:28:12

bouhmid_tun
Member

Using settings file in the javascript version to show multiple charts

Hi every one,
I'm using the Flash version of Amcharts to display many charts in the same chart (mainly Line & Column) and I wish to display the same charts in the javascript version.

I have tried out to use the same settings file (written in the HTML file) but the browser shows 98 errors that say "Problem parsing d="M0.5,0.5 L0.5,NaN L8.5,NaN L8.5,0.5 L0.5,0.5 Z"" and the chart loades very slowly which make the chart loading loose its elastic effect.

I post here my attemp:

Code:

chart_settings: "<settings> <type>column</type> <data_type>xml</data_type> <csv_separator></csv_separator> <skip_rows></skip_rows> <font>Tahoma</font> <text_size></text_size> <text_color></text_color> <decimals_separator></decimals_separator> <thousands_separator></thousands_separator> <scientific_min></scientific_min> <scientific_max></scientific_max> <digits_after_decimal></digits_after_decimal> <redraw></redraw> <reload_data_interval></reload_data_interval> <preloader_on_reload></preloader_on_reload> <add_time_stamp></add_time_stamp> <precision></precision> <depth>15</depth> <angle>25</angle> <colors></colors> <js_enabled></js_enabled> <column> <type>stacked</type> <width>85</width> <spacing>0</spacing> <grow_time>2</grow_time> <grow_effect>regular</grow_effect> <sequenced_grow>true</sequenced_grow> <alpha></alpha> <border_color></border_color> <border_alpha></border_alpha> <data_labels> <![CDATA[]]> </data_labels> <data_labels_text_color></data_labels_text_color> <data_labels_text_size></data_labels_text_size> <data_labels_position></data_labels_position> <data_labels_always_on></data_labels_always_on> <balloon_text> <![CDATA[]]> </balloon_text> <link_target></link_target> <gradient></gradient> <bullet_offset></bullet_offset> <hover_brightness></hover_brightness> <hover_color>#EED600</hover_color> <corner_radius_top></corner_radius_top> <corner_radius_bottom></corner_radius_bottom> </column> <line> <connect></connect> <width></width> <alpha></alpha> <fill_alpha></fill_alpha> <bullet></bullet> <bullet_size></bullet_size> <data_labels> <![CDATA[]]> </data_labels> <data_labels_text_color></data_labels_text_color> <data_labels_text_size></data_labels_text_size> <balloon_text> <![CDATA[]]> </balloon_text> <link_target></link_target> </line> <background> <color></color> <alpha></alpha> <border_color></border_color> <border_alpha>15</border_alpha> <file></file> </background> <plot_area> <color></color> <alpha></alpha> <border_color></border_color> <border_alpha></border_alpha> <margins> <left>40</left> <top>30</top> <right>30</right> <bottom>30</bottom> </margins> </plot_area> <grid> <category> <color></color> <alpha>5</alpha> <dashed></dashed> <dash_length></dash_length> </category> <value> <color></color> <alpha>0</alpha> <dashed></dashed> <dash_length></dash_length> <approx_count></approx_count> <fill_color>000000</fill_color> <fill_alpha>5</fill_alpha> </value> </grid> <values> <category> <enabled></enabled> <frequency>3</frequency> <start_from></start_from> <rotate>80</rotate> <color></color> <text_size></text_size> <inside></inside> </category> <value> <enabled>true</enabled> <reverse></reverse> <min></min> <max></max> <strict_min_max></strict_min_max> <frequency></frequency> <rotate></rotate> <skip_first></skip_first> <skip_last></skip_last> <color></color> <text_size></text_size> <unit></unit> <unit_position></unit_position> <integers_only></integers_only> <inside></inside> <duration></duration> </value> </values> <axes> <category> <color></color> <alpha></alpha> <width>1</width> <tick_length></tick_length> </category> <value> <color></color> <alpha></alpha> <width>1</width> <tick_length></tick_length> <logarithmic></logarithmic> </value> </axes> <balloon> <enabled></enabled> <color></color> <alpha>85</alpha> <text_color></text_color> <text_size></text_size> <max_width></max_width> <corner_radius></corner_radius> <border_width></border_width> <border_alpha></border_alpha> <border_color></border_color> </balloon> <legend> <enabled>false</enabled> <x></x> <y></y> <width></width> <max_columns></max_columns> <color></color> <alpha></alpha> <border_color></border_color> <border_alpha></border_alpha> <text_color></text_color> <text_size></text_size> <spacing></spacing> <margins></margins> <reverse_order></reverse_order> <align></align> <key> <size></size> <border_color></border_color> </key> </legend> <export_as_image> <file></file> <target></target> <x></x> <y></y> <color></color> <alpha></alpha> <text_color></text_color> <text_size></text_size> </export_as_image> <error_messages> <enabled></enabled> <x></x> <y></y> <color></color> <alpha></alpha> <text_color></text_color> <text_size></text_size> </error_messages> <strings> <no_data></no_data> <export_as_image></export_as_image> <collecting_data></collecting_data> <ss></ss> <mm></mm> <hh></hh> <DD></DD> </strings> <context_menu> <default_items> <zoom></zoom> <print></print> </default_items> </context_menu> <labels> <label lid='0'> <x>10</x> <y>400</y> <rotate>true</rotate> <width></width> <align>center</align> <text_color></text_color> <text_size></text_size> <text> <![CDATA[<b>Temperature anomaly, C (1950 - 2005)</b>]]> </text> </label> <label lid='1'> <x>0</x> <y>380</y> <width></width> <align>right</align> <text_color></text_color> <text_size>11</text_size> <text> <![CDATA[Source: <a href='http://www.cru.uea.ac.uk/cru/info/warming/' target='_blank'><u>Climatic Research Unit</u></a>]]> </text> </label> </labels> <graphs> <graph gid='1'> <type>column</type> <title>Anomaly</title> <color>B92F2F</color> <alpha></alpha> <data_labels> <![CDATA[]]> </data_labels> <gradient_fill_colors></gradient_fill_colors> <balloon_color></balloon_color> <balloon_alpha></balloon_alpha> <balloon_text_color></balloon_text_color> <balloon_text> <![CDATA[Anomaly in {series}: {value}C]]> </balloon_text> <fill_alpha></fill_alpha> <width></width> <bullet></bullet> <bullet_size></bullet_size> <bullet_color></bullet_color> <visible_in_legend></visible_in_legend> <pattern></pattern> <pattern_color></pattern_color> </graph> <graph gid='2'> <type>line</type> <title>Smoothed</title> <color></color> <alpha></alpha> <balloon_text> <![CDATA[Anomaly in {series}: {value}C (Smoothed)]]> </balloon_text> </graph> <graph gid='3'> <type>column</type> <title>Smoothed</title> <color></color> <alpha></alpha> <balloon_text> <![CDATA[Anomaly in {series}: {value}C (Smoothed)]]> </balloon_text> </graph> </graphs> <guides> <max_min></max_min> <guide> <behind></behind> <start_value></start_value> <end_value></end_value> <title></title> <width></width> <color></color> <alpha></alpha> <fill_color></fill_color> <fill_alpha></fill_alpha> <inside></inside> <centered></centered> <rotate></rotate> <text_size></text_size> <text_color></text_color> <dashed></dashed> <dash_length></dash_length> </guide> </guides></settings>",
chart_data:"<chart><series><value xid='100'>1950</value><value xid='101'>1951</value><value xid='102'>1952</value><value xid='103'>1953</value><value xid='104'>1954</value><value xid='105'>1955</value><value xid='106'>1956</value><value xid='107'>1957</value><value xid='108'>1958</value><value xid='109'>1959</value><value xid='110'>1960</value><value xid='111'>1961</value><value xid='112'>1962</value><value xid='113'>1963</value><value xid='114'>1964</value><value xid='115'>1965</value><value xid='116'>1966</value><value xid='117'>1967</value><value xid='118'>1968</value><value xid='119'>1969</value><value xid='120'>1970</value><value xid='121'>1971</value><value xid='122'>1972</value><value xid='123'>1973</value><value xid='124'>1974</value><value xid='125'>1975</value><value xid='126'>1976</value><value xid='127'>1977</value><value xid='128'>1978</value><value xid='129'>1979</value><value xid='130'>1980</value><value xid='131'>1981</value><value xid='132'>1982</value><value xid='133'>1983</value><value xid='134'>1984</value><value xid='135'>1985</value><value xid='136'>1986</value><value xid='137'>1987</value><value xid='138'>1988</value><value xid='139'>1989</value><value xid='140'>1990</value><value xid='141'>1991</value><value xid='142'>1992</value><value xid='143'>1993</value><value xid='144'>1994</value><value xid='145'>1995</value><value xid='146'>1996</value><value xid='147'>1997</value><value xid='148'>1998</value><value xid='149'>1999</value><value xid='150'>2000</value><value xid='151'>2001</value><value xid='152'>2002</value><value xid='153'>2003</value><value xid='154'>2004</value><value xid='155'>2005</value></series><graphs><graph gid='1'><value xid='100' color='#318DBD'>-0.307</value><value xid='101' color='#318DBD'>-0.168</value><value xid='102' color='#318DBD'>-0.073</value><value xid='103' color='#318DBD'>-0.027</value><value xid='104' color='#318DBD'>-0.251</value><value xid='105' color='#318DBD'>-0.281</value><value xid='106' color='#318DBD'>-0.348</value><value xid='107' color='#318DBD'>-0.074</value><value xid='108' color='#318DBD'>-0.011</value><value xid='109' color='#318DBD'>-0.074</value><value xid='110' color='#318DBD'>-0.124</value><value xid='111' color='#318DBD'>-0.024</value><value xid='112' color='#318DBD'>-0.022</value><value xid='113'>0.000</value><value xid='114' color='#318DBD'>-0.296</value><value xid='115' color='#318DBD'>-0.217</value><value xid='116' color='#318DBD'>-0.147</value><value xid='117' color='#318DBD'>-0.150</value><value xid='118' color='#318DBD'>-0.160</value><value xid='119' color='#318DBD'>-0.011</value><value xid='120' color='#318DBD'>-0.068</value><value xid='121' color='#318DBD'>-0.190</value><value xid='122' color='#318DBD'>-0.056</value><value xid='123'>0.077</value><value xid='124' color='#318DBD'>-0.213</value><value xid='125' color='#318DBD'>-0.170</value><value xid='126' color='#318DBD'>-0.254</value><value xid='127'>0.019</value><value xid='128' color='#318DBD'>-0.063</value><value xid='129'>0.050</value><value xid='130'>0.077</value><value xid='131'>0.120</value><value xid='132'>0.011</value><value xid='133'>0.177</value><value xid='134' color='#318DBD'>-0.021</value><value xid='135' color='#318DBD'>-0.037</value><value xid='136'>0.030</value><value xid='137'>0.179</value><value xid='138'>0.180</value><value xid='139'>0.104</value><value xid='140'>0.255</value><value xid='141'>0.210</value><value xid='142'>0.065</value><value xid='143'>0.110</value><value xid='144'>0.172</value><value xid='145'>0.269</value><value xid='146'>0.141</value><value xid='147'>0.353</value><value xid='148'>0.548</value><value xid='149'>0.298</value><value xid='150'>0.267</value><value xid='151'>0.411</value><value xid='152'>0.462</value><value xid='153'>0.470</value><value xid='154'>0.445</value><value xid='155'>0.470</value></graph><graph gid='2'><value xid='100'>-0.171</value><value xid='101'>-0.175</value><value xid='102'>-0.176</value><value xid='103'>-0.174</value><value xid='104'>-0.169</value><value xid='105'>-0.162</value><value xid='106'>-0.151</value><value xid='107'>-0.139</value><value xid='108'>-0.125</value><value xid='109'>-0.114</value><value xid='110'>-0.106</value><value xid='111'>-0.104</value><value xid='112'>-0.108</value><value xid='113'>-0.114</value><value xid='114'>-0.120</value><value xid='115'>-0.125</value><value xid='116'>-0.127</value><value xid='117'>-0.125</value><value xid='118'>-0.120</value><value xid='119'>-0.114</value><value xid='120'>-0.108</value><value xid='121'>-0.104</value><value xid='122'>-0.100</value><value xid='123'>-0.097</value><value xid='124'>-0.091</value><value xid='125'>-0.082</value><value xid='126'>-0.068</value><value xid='127'>-0.050</value><value xid='128'>-0.028</value><value xid='129'>-0.006</value><value xid='130'>0.015</value><value xid='131'>0.032</value><value xid='132'>0.046</value><value xid='133'>0.058</value><value xid='134'>0.069</value><value xid='135'>0.081</value><value xid='136'>0.094</value><value xid='137'>0.108</value><value xid='138'>0.123</value><value xid='139'>0.137</value><value xid='140'>0.150</value><value xid='141'>0.163</value><value xid='142'>0.178</value><value xid='143'>0.195</value><value xid='144'>0.216</value><value xid='145'>0.241</value><value xid='146'>0.268</value><value xid='147'>0.296</value><value xid='148'>0.323</value><value xid='149'>0.348</value><value xid='150'>0.370</value><value xid='151'>0.389</value><value xid='152'>0.404</value><value xid='153'>0.415</value><value xid='154'>0.422</value><value xid='155'>0.426</value></graph><graph gid='3'><value xid='100'>-0.171</value><value xid='101'>-0.175</value><value xid='102'>-0.176</value><value xid='103'>-0.174</value><value xid='104'>-0.169</value><value xid='105'>-0.162</value><value xid='106'>-0.151</value><value xid='107'>-0.139</value><value xid='108'>-0.125</value><value xid='109'>-0.114</value><value xid='110'>-0.106</value><value xid='111'>-0.104</value><value xid='112'>-0.108</value><value xid='113'>-0.114</value><value xid='114'>-0.120</value><value xid='115'>-0.125</value><value xid='116'>-0.127</value><value xid='117'>-0.125</value><value xid='118'>-0.120</value><value xid='119'>-0.114</value><value xid='120'>-0.108</value><value xid='121'>-0.104</value><value xid='122'>-0.100</value><value xid='123'>-0.097</value><value xid='124'>-0.091</value><value xid='125'>-0.082</value><value xid='126'>-0.068</value><value xid='127'>-0.050</value><value xid='128'>-0.028</value><value xid='129'>-0.006</value><value xid='130'>0.015</value><value xid='131'>0.032</value><value xid='132'>0.046</value><value xid='133'>0.058</value><value xid='134'>0.069</value><value xid='135'>0.081</value><value xid='136'>0.094</value><value xid='137'>0.108</value><value xid='138'>0.123</value><value xid='139'>0.137</value><value xid='140'>0.150</value><value xid='141'>0.163</value><value xid='142'>0.178</value><value xid='143'>0.195</value><value xid='144'>0.216</value><value xid='145'>0.241</value><value xid='146'>0.268</value><value xid='147'>0.296</value><value xid='148'>0.323</value><value xid='149'>0.348</value><value xid='150'>0.370</value><value xid='151'>0.389</value><value xid='152'>0.404</value><value xid='153'>0.415</value><value xid='154'>0.422</value><value xid='155'>0.426</value></graph></graphs></chart>"

var amFallback = new AmCharts.AmFallback();

amFallback.chartSettings = chart_settings;
amFallback.pathToImages = "../../amcharts/images/";
amFallback.chartData = chart_data;
amFallback.type = "line";
amFallback.write("chartdiv");

Thank you

Offline

 

#2 2012-04-08 17:56:21

bouhmid_tun
Member

Re: Using settings file in the javascript version to show multiple charts

The problem was resolved after upgrading to the last version of Amcharts released in the 3rd of April

Offline

 

© amCharts | Forum engine: PunBB