Thank you! 2013/4/10 asgallant <[email protected]>
> You are missing a div to put the new slider in: you specify "control4" as > the target div for the slider, but you don't have a div with the id > "control4". Add a div with that id and it should work. See a fixed > version here: http://jsfiddle.net/asgallant/DpcJn/ > > On Wednesday, April 10, 2013 4:10:10 AM UTC-4, M Balázs wrote: >> >> Hi Everyone! >> I’ve got an urgent geochart visualization problem. I want to >> visualizing an international researchdata. I can’t programming, but I >> made this work so long, but now i can’t move on. My work based on site >> instructions and samples, so it’s a patchwork-script, not a >> masterpiece. >> >> I’ve 3 Picker, but i want to insert a slider to the „Score”-column. I >> typed the slider script, when i’m write the slider code to the >> dashboard.bind([NorsouPicker, ClasterPicker, CountryPicker, slider2], >> [table, geoChart]). it isn’t work and i became this errormessage: >> One or more participants failed to draw() >> >> But when i’m erased the slider code, the normal dashboard without the >> slider is works. >> >> How can i the slider insert, build in this dashboard? What is the >> problem with this slider? And how can my dashboard publishing by link? >> Thank you in anticipation! >> (Sorry for my English) >> >> <!-- >> You are free to copy and use this sample in accordance with the terms >> of the >> Apache license >> (http://www.apache.org/**licenses/LICENSE-2.0.html<http://www.apache.org/licenses/LICENSE-2.0.html>) >> >> --> >> >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// >> www.w3.org/TR/xhtml1/DTD/**xhtml1-strict.dtd<http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>"> >> >> <html xmlns="http://www.w3.org/1999/**xhtml<http://www.w3.org/1999/xhtml>"> >> >> <head> >> <meta http-equiv="content-type" content="text/html; charset=utf-8"/ >> > >> <title> >> Google Visualization API Sample >> </title> >> <script type="text/javascript" >> src="http://www.google.com/**jsapi<http://www.google.com/jsapi>"></ >> >> script> >> <script type="text/javascript"> >> google.load('visualization', '1.1', {packages: ['controls']}); >> </script> >> <script type="text/javascript"> >> function drawVisualization() { >> // Prepare the data >> var data = google.visualization.**arrayToDataTable([ >> ['Norsou','Country', 'Score', 'Claster'], >> ['S','Australia', 1.96, 'Angol-szasz'], >> ['N','Canada', 2.12, 'Angol-szasz' ], >> ['N','Ireland', 2.44, 'Angol-szasz' ], >> ['N','United Kingdom', 2.35, 'Angol-szasz' ], >> ['S','New Zeland', 1.36, 'Angol-szasz' ], >> ]); >> >> // Define category pickers for 'Country' >> var NorsouPicker = new >> google.visualization.**ControlWrapper({ >> controlType: 'CategoryFilter', >> containerId: 'control1', >> options: { >> filterColumnLabel: 'Norsou', >> ui: { >> labelStacking: 'vertical', >> allowTyping: false, >> allowMultiple: true, >> caption: 'North-South', >> label: '' >> } >> } >> }); >> >> var ClasterPicker = new >> google.visualization.**ControlWrapper({ >> controlType: 'CategoryFilter', >> containerId: 'control2', >> options: { >> filterColumnLabel: 'Claster', >> ui: { >> labelStacking: 'vertical', >> allowTyping: false, >> allowMultiple: true, >> caption: 'Klaszter', >> label: '' >> } >> } >> }); >> >> var CountryPicker = new google.visualization.**ControlWrapper({ >> controlType: 'CategoryFilter', >> containerId: 'control3', >> options: { >> filterColumnLabel: 'Country', >> ui: { >> labelStacking: 'vertical', >> allowTyping: false, >> allowMultiple: true, >> caption: 'Country', >> label: '' >> } >> } >> }); >> >> var slider2 = new google.visualization.**ControlWrapper({ >> 'controlType': 'NumberRangeFilter', >> 'containerId': 'control4', >> 'options': { >> 'filterColumnLabel': 'Score', >> >> } >> }); >> >> //Define a chart to show AML CFT Risk per country >> var geoChart = new google.visualization.**ChartWrapper({ >> chartType: 'GeoChart', >> containerId: 'chart1', >> // changed "ID" to "Id" >> options: { >> title: 'Score', >> displayMode: 'regions', >> width: 1000, >> datalessRegionColor: 'C0C0C0', >> colorAxis: { >> values: [-3.5, -3, -2, -1, 0, 1, 2, 3], >> colors: ['#3366FF','#33CCCC', >> '#00FFFF','#CCFFFF','#FFFF99',**'#FFCC00','#FF9900','#FF0000',**], >> minValue: -3.5, >> maxValue: 3.5, >> } >> }, >> view: { // Defines data to show in geoChart >> columns: [1, 2] >> } >> }); >> // Define a table >> var table = new google.visualization.**ChartWrapper({ >> 'chartType': 'Table', >> 'containerId': 'chart2', >> 'options': { >> 'width': '300px' >> } >> }); >> >> // Create the dashboard. >> var dashboard = new >> google.visualization.**Dashboard(document.**getElementById('dashboard')); >> >> >> dashboard.bind([NorsouPicker, ClasterPicker, CountryPicker, >> slider2],[table, geoChart]). // consolidated all of the bind calls >> // Draw the dashboard >> draw(data); >> } >> >> >> >> google.setOnLoadCallback(**drawVisualization); >> </script> >> </head> >> <body style="font-family: Arial;border: 0 none;"> >> <div id="dashboard"> >> <table> >> <tr style='vertical-align: top'> >> <td style='width: 300px; font-size: 0.9em;'> >> <div id="control1"></div> >> <div id="control2"></div> >> <div id="control3"></div> >> </td> >> <td style='width: 600px'> >> <div style="float: left;" id="chart1"></div> >> <div style="float: left;" id="chart2"></div> >> <div style="float: left;" id="chart3"></div> >> </td> >> </tr> >> </table> >> </div> >> </body> >> </html> >> >> -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api?hl=en. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
