Yep, you're right!
That works - thank you very much.

Did you find out about the zoomLevel issue?



On Tue, Aug 19, 2014 at 1:56 AM, Andrew Gallant <agall...@google.com> wrote:

> I think you have some invalid zero-width characters before and after the
> #clearFloat css declaration.  Overwrite your style block with this and see
> if it works:
>
> <style type="text/css">
> #control1, #control2, #control3, #control4, #control5 {
>     float: left;
> }
> #clearFloat {
>     clear: both;
> }
> </style>
>
> On Monday, August 18, 2014 3:53:43 AM UTC-4, Sikker Trafik wrote:
>
>> I still can't figure out how to make it work. The HTML now looks like
>> this. The controls are floated, but the drop-down still doesn't work. I've
>> tried different ways of making the clearFloat work, but so far without
>> luck. Can you help me again?
>>
>>
>> <!--Div that will hold the dashboard-->
>>     <div id="dashboard_div">
>>       <!--Divs that will hold each control and chart-->
>>     <div id="map1" style="zoom: 1; width: 695px; height: 695px;"></div>
>> <p> </p>
>>     <div id="control1"></div>
>>     <div id="control2"></div>
>>     <div id="control3"></div>
>>     <div id="control4"></div>
>>     <div id="control5"></div>
>>     <div id="clearFloat"></div>
>> <style type="text/css">
>> #control1, #control2, #control3, #control4, #control5 {
>>     float: left;
>>
>> }
>> ​#clearFloat {
>>     clear: both;
>> }​
>>  </style>
>> <p> </p>
>>     <div id="chart2" style="width: 695px;"></div>
>> </div>
>>
>> <p> </p>
>>
>>
>> On Fri, Aug 15, 2014 at 1:28 AM, Andrew Gallant <agal...@google.com>
>> wrote:
>>
>> Add those styles to a style sheet or in a <style> tag.  You need to have
>> a div with the class "clearFloat" after your controls for it to work (see
>> the example HTML).
>>
>>
>> On Thursday, August 14, 2014 10:07:19 AM UTC-4, Sikker Trafik wrote:
>>
>> Thank you!
>>
>> The error handling is exactly as I wanted it and it works - thank you.
>>
>> The floating is still a problem. Forgive me, but where am I supposed to
>> type in the CSS part (the part below)?
>>
>> #control1, #control2, #control3, #control4, #control5 {
>>     float: left;
>> }
>> #clearFloat {
>>     clear: both;
>> }
>>
>> The program I use only read an html in one script.
>>
>> It would be great if you can figure out why it doesn't work!
>>
>> Thanks again!
>> Best,
>> Nikolaj
>>
>>
>> On Thu, Aug 14, 2014 at 3:01 PM, Andrew Gallant <agal...@google.com>
>> wrote:
>>
>> When you float the controls, you need to clear the float afterwards
>> (otherwise, the controls end up layered underneath the table's container
>> div, which is why they don't work).  See example: http://jsfiddle.net/a
>> sgallant/t2vw2hrq/
>>
>> You can clear the errors by setting up "error" event handlers for the map
>> and dashboard that remove the error message: http://jsfiddle.net/a
>> sgallant/t2vw2hrq/1/.  You still get a blank map, but there are no error
>> messages.
>>
>> You should be able to set the default zoom level by setting the
>> "zoomLevel" option, which takes an integer from 0-19 (0 being the farthest
>> out (whole world) and 19 being the closest in), but it isn't working on
>> your map for some reason (though it works fine on other maps).  I'll look
>> into this to see if I can figure out what is going on.
>>
>>
>> On Thursday, August 14, 2014 5:19:49 AM UTC-4, Sikker Trafik wrote:
>>
>> Hi asgallant
>>
>> I don't know if you're still able to help with my map. I have some
>> questions to the code below.
>>
>> 1. When I try to use the float:left function (or right) for the filters,
>> the drop-downs won't work.
>> 2. When I use filters where no results come up in the table and on the
>> map, it shows an error: One or more participants failed to draw() above
>> the map and in the map itself it says "No data points to show on map". It
>> makes sense that it shows this error, but is there any way to cancel the
>> troubleshooting so the error boxes are not shown?
>> 3. Can I set the zoom level of the map to a level of my choosing?
>>
>> I really hope you can help me with these things.
>>
>> Best,
>>
>>
>>     <script type="text/javascript" src="https://www.google.com/jsapi
>> "></script>
>>     <script type="text/javascript">
>>
>>       // Load the Visualization API and the controls package.
>>       google.load('visualization', '1.0', {'packages':['controls',
>> 'table', 'map']});
>>
>>       // Set a callback to run when the Google Visualization API is
>> loaded.
>>       google.setOnLoadCallback(drawDashboard);
>>
>>       // Callback that creates and populates a data table,
>>       // instantiates a dashboard, a range slider and a pie chart,
>>       // passes in the data and draws it.
>>       function drawDashboard() {
>>
>>         // Create our data table.
>>        var query = new google.visualization.Query('ht
>> tps://docs.google.com/spreadsheet/tq?key=0Am7E06r_2i5edGFrOX
>> Q3dFBwZ1IwbmZBTlRwXzFCRFE&transpose=0&headers=1&range=A1%
>> 3AL1404&gid=0&pub=1');
>>        query.setQuery('SELECT A,B,C,D,E,F,G,H,I,J,K,L');
>>        query.send(handleQueryResponse);
>>    }
>>
>>    function handleQueryResponse(response) {
>>      if (response.isError()) {
>>        alert('Error in query: ' + response.getMessage() + ' ' +
>> response.getDetailedMessage());
>>       return;
>>      }
>>      var data = response.getDataTable();
>>         var dashboard = new google.visualization.Dashboard(
>>             document.getElementById('dashboard_div'));
>>
>>
>>         // Create a range slider, passing some options
>>         var donutRangeSlider = new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control1',
>>           'options': {
>>             'filterColumnLabel': 'År',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': false,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg et år'
>>           }
>>           },
>>     'state': {'selectedValues': ['2013']}
>>   });
>>
>>   // Create a name filter, passing some options
>>         var atomMagter = new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control2',
>>           'options': {
>>             'filterColumnLabel': 'Køn',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': false,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg køn'
>>           }
>>           }
>>         });
>>
>>   // Create a name filter, passing some options
>>         var elementArt= new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control3',
>>           'options': {
>>             'filterColumnLabel': 'Element',
>>             'values': ['Fodgænger', 'Cykel', 'Lille knallert', 'Stor
>> knallert', 'MC', 'Bil', 'Varebil', 'Lastbil'],
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg element'
>>           }
>>           }
>>         });
>>
>>   // Create a name filter, passing some options
>>         var hovedsituationArt= new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control4',
>>           'options': {
>>             'filterColumnLabel': 'Hovedsituation',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg hovedsituation'
>>           }
>>           }
>>         });
>>
>>   // Create a name filter, passing some options
>>         var modpartArt= new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control5',
>>           'options': {
>>             'filterColumnLabel': 'Modpart',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg modpart'
>>           }
>>           }
>>         });
>>
>>
>>   // Define a table
>>   var table = new google.visualization.ChartWrapper({
>>     'chartType': 'Table',
>>     'containerId': 'chart2',
>>     'options': {
>>       'width': '100%'
>>     },
>>      'view': { 'columns': [ 2, 3, 4, 5, 8, 10]}
>>   });
>>
>>   // Define a map
>>      var map1 = new google.visualization.ChartWrapper({
>>         'chartType': 'Map',
>>         'containerId': 'map1',
>>         'view': { 'columns': [6, 7, 5]},
>>         'options': {
>>             'enableScrollWheel': false,
>>             'mapType': 'hybrid',
>>             'useMapTypeControl': true,
>>             'showTip': true
>>             }
>>     });
>>
>>
>>         // Establish dependencies, declaring that 'filter' drives 'table',
>>         // so that the table will only display entries that are let
>> through
>>         // given the chosen slider range.
>>         dashboard.bind([donutRangeSlider, atomMagter, elementArt,
>> hovedsituationArt, modpartArt], [map1, table]);
>>
>>         // Draw the dashboard.
>>
>>    dashboard.draw(data, {showTip: true});
>> }
>>     </script>
>>
>>
>> <p> </p>
>>
>> <!--Div that will hold the dashboard-->
>>     <div id="dashboard_div">
>>       <!--Divs that will hold each control and chart-->
>>     <div id="map1" style="zoom: 1; width: 695px; height: 695px;"></div>
>> <p> </p>
>>     <div id="control1"></div>
>>     <div id="control2"></div>
>>     <div id="control3"></div>
>>     <div id="control4"></div>
>>     <div id="control5"></div>
>> <p> </p>
>>     <div id="chart2" style="width: 695px;"></div>
>> </div>
>>
>> <p> </p>
>>
>>
>> On Tue, May 14, 2013 at 1:18 PM, sikkertrafik2011 <sikkertr...@gmail.com>
>> wrote:
>>
>> As always - you're right! :)  Thank you!
>>
>>
>> On Wed, May 8, 2013 at 3:58 PM, asgallant <drew_g...@abtassoc.com> wrote:
>>
>> The problem is your container divs (both the map and table) - they have
>> their widths set to 900px, but the div they are in only has a width of
>> ~700px, so the rightmost 200px are hidden.  Set the widths to something
>> else (like 100%) and they should draw properly.
>>
>>
>> On Wednesday, May 8, 2013 4:13:05 AM UTC-4, Sikker Trafik wrote:
>>
>> Thank you for the answers.
>>
>> The problem I'm facing, you can see on this link:
>> http://www.sikkertrafik.dk/Raad-og-viden/I-bil/2006til2013
>>
>> The column "Modpart" is shown in your example but not in mine. Can I set
>> some kind of "fit into window" so the columns are not that wide?
>>
>> What will I not be able to do in Maps API? I don't have any knowledge at
>> all about that.
>>
>>
>> I tried to embed that part of the code to show multiple columns in the
>> showtip, but it won't work. Can you figure out what the problem is?
>>
>>   // Define a map
>>      var map1 = new google.visualization.ChartWrapper({
>>         'chartType': 'Map',
>>         'containerId': 'map1',
>>         'view': {
>>             'columns': [6, 7, {
>>         'type': 'string',
>>                 'calc': function (dt, row) {
>>             var tooltip = dt.getValue(row, 5);
>>             return tooltip;
>>         }
>>     }]
>> }
>>         'options': {
>>             'enableScrollWheel': false,
>>             'mapType': 'hybrid',
>>             'useMapTypeControl': true,
>>             'showTip': true
>>             }
>>     });
>>
>>
>>
>> On Mon, May 6, 2013 at 4:14 PM, asgallant <drew_g...@abtassoc.com> wrote:
>>
>> In order to get the tooltips to display data from multiple columns, you
>> will have to define a calculated column in the map's ChartWrapper's
>> view.columns parameter:
>>
>> view: {
>>     columns: [6, 7, {
>>         type: 'string',
>>         calc: function (dt, row) {
>>             // access data in your DataTable via dt.getValue(row, <column
>> index>) or dt.getFormatterValue(row, <column Index>)
>>             var tooltip = dt.getValue(row, 5);
>>             return tooltip;
>>         }
>>     }]
>> }
>>
>> To the best of my knowledge, you can't have multiple colors of markers on
>> the map, nor can you set the start position, nor can you set a max or min
>> zoom level.  This visualization is a highly limited wrapper for Google
>> Maps; if you need that functionality, you should switch to using the Maps
>> API directly (I am given to understand that you can still feed that via the
>> Visualization API, so you wouldn't have to change much in your code outside
>> the map).
>>
>> I tested your code (here: http://jsfiddle.net/asgallant/X2CuR/) and the
>> table columns all show up when I run it - what is the problem you are
>> experiencing?
>>
>> On Monday, May 6, 2013 8:15:09 AM UTC-4, Sikker Trafik wrote:
>>
>> Sure. I thought I had done that. I have a few questions, which I hope you
>> can help me with:
>>
>> 1. Is it possible to get the showTip to show more than one column?
>> 2. Is it possible to have different colours on the markers?
>> 3. Can I set a start position for my map? It doesn't quite capture all of
>> Denmark when it loads.
>> 4. It is possible to have a zoom-limitation for the map? So visitors of a
>> website can only zoom a little?
>> 5. My table will only show the first five out of six columns. How do I
>> fix it so the columns are more narrow so all six columns fit in?
>>
>> My code is this now:
>>
>>     <script type="text/javascript" src="https://www.google.com/jsapi
>> "></script>
>>     <script type="text/javascript">
>>
>>       // Load the Visualization API and the controls package.
>>       google.load('visualization', '1.0', {'packages':['controls',
>> 'table', 'map']});
>>
>>       // Set a callback to run when the Google Visualization API is
>> loaded.
>>       google.setOnLoadCallback(drawDashboard);
>>
>>       // Callback that creates and populates a data table,
>>       // instantiates a dashboard, a range slider and a pie chart,
>>       // passes in the data and draws it.
>>       function drawDashboard() {
>>
>>         // Create our data table.
>>        var query = new google.visualization.Query('ht
>> tps://docs.google.com/spreadsheet/tq?key=0Am7E06r_2i5edGFrOX
>> Q3dFBwZ1IwbmZBTlRwXzFCRFE&transpose=0&headers=1&range=A1%3AK
>> 2099&gid=0&pub=1');
>>        query.setQuery('SELECT A,B,C,D,E,F,G,H,I,J,K');
>>        query.send(handleQueryResponse);
>>    }
>>
>>    function handleQueryResponse(response) {
>>       if (response.isError()) {
>>        alert('Error in query: ' + response.getMessage() + ' ' +
>> response.getDetailedMessage());
>>       return;
>>      }
>>      var data = response.getDataTable();
>>         var dashboard = new google.visualization.Dashboard(
>>             document.getElementById('dashboard_div'));
>>
>>
>>         // Create a range slider, passing some options
>>         var donutRangeSlider = new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control1',
>>           'options': {
>>             'filterColumnLabel': 'År',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': false,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg et år'
>>           }
>>           },
>>     'state': {'selectedValues': ['2013']}
>>   });
>>
>>   // Create a name filter, passing some options
>>         var atomMagter = new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control2',
>>           'options': {
>>             'filterColumnLabel': 'Køn',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': false,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg køn'
>>           }
>>           }
>>         });
>>
>>   // Create a name filter, passing some options
>>         var elementArt= new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control3',
>>           'options': {
>>             'filterColumnLabel': 'Element',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg element'
>>           }
>>           }
>>         });
>>
>>   // Create a name filter, passing some options
>>         var modpartArt= new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control4',
>>           'options': {
>>             'filterColumnLabel': 'Modpart',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg modpart'
>>           }
>>           }
>>         });
>>
>>   // Define a table
>>   var table = new google.visualization.ChartWrapper({
>>     'chartType': 'Table',
>>     'containerId': 'chart2',
>>     'options': {
>>       'width': '900px'
>>     },
>>      'view': { 'columns': [ 2, 3, 4, 5, 8, 10]}
>>   });
>>
>>   // Define a map
>>      var map1 = new google.visualization.ChartWrapper({
>>         'chartType': 'Map',
>>         'containerId': 'map1',
>>         'view': { 'columns': [6, 7, 5]},
>>         'options': {
>>             'enableScrollWheel': false,
>>             'mapType': 'hybrid',
>>             'useMapTypeControl': true,
>>             'showTip': true
>>             }
>>     });
>>
>>
>>         // Establish dependencies, declaring that 'filter' drives 'table',
>>         // so that the table will only display entries that are let
>> through
>>         // given the chosen slider range.
>>         dashboard.bind([donutRangeSlider, atomMagter, elementArt,
>> modpartArt], [map1, table]);
>>
>>         // Draw the dashboard.
>>
>>    dashboard.draw(data, {showTip: true});
>> }
>>     </script>
>>
>>
>> <p> </p>
>>
>> <!--Div that will hold the dashboard-->
>>     <div id="dashboard_div">
>>       <!--Divs that will hold each control and chart-->
>>     <div id="map1" style="zoom: 1; width: 900px; height: 700px;"></div>
>> <p> </p>
>>     <div id="control1"></div>
>>     <div id="control2"></div>
>>     <div id="control3"></div>
>>     <div id="control4"></div>
>> <p> </p>
>>     <div id="chart2" style="width: 900px;"></div>
>> </div>
>>
>> <p> </p>
>>
>>
>> On Mon, Apr 29, 2013 at 3:57 PM, asgallant <drew_g...@abtassoc.com>
>> wrote:
>>
>> You need to set the map's "showTip" option to true.
>>
>>
>> On Monday, April 29, 2013 3:52:11 AM UTC-4, Sikker Trafik wrote:
>>
>> I tried that, but nothing pops up. It only turn blue instead of red.
>>
>> My code is now:
>>
>>
>>     <script type="text/javascript" src="https://www.google.com/jsapi
>> "></script>
>>     <script type="text/javascript">
>>
>>       // Load the Visualization API and the controls package.
>>       google.load('visualization', '1.0', {'packages':['controls',
>> 'table', 'map']});
>>
>>       // Set a callback to run when the Google Visualization API is
>> loaded.
>>       google.setOnLoadCallback(drawDashboard);
>>
>>       // Callback that creates and populates a data table,
>>       // instantiates a dashboard, a range slider and a pie chart,
>>       // passes in the data and draws it.
>>       function drawDashboard() {
>>
>>         // Create our data table.
>>        var query = new google.visualization.Query('ht
>> tps://docs.google.com/spreadsheet/tq?key=0Am7E06r_2i5edGFrOX
>> Q3dFBwZ1IwbmZBTlRwXzFCRFE&transpose=0&headers=1&range=A1%3AK
>> 2099&gid=0&pub=1');
>>        query.setQuery('SELECT A,B,C,D,E,F,G,H,I,J,K');
>>        query.send(handleQueryResponse);
>>    }
>>
>>    function handleQueryResponse(response) {
>>       if (response.isError()) {
>>        alert('Error in query: ' + response.getMessage() + ' ' +
>> response.getDetailedMessage());
>>       return;
>>      }
>>      var data = response.getDataTable();
>>         var dashboard = new google.visualization.Dashboard(
>>             document.getElementById('dashboard_div'));
>>
>>
>>         // Create a range slider, passing some options
>>         var donutRangeSlider = new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control1',
>>           'options': {
>>             'filterColumnLabel': 'År',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg et år'
>>           }
>>           },
>>     'state': {'selectedValues': ['2013']}
>>   });
>>
>>   // Create a name filter, passing some options
>>         var atomMagter = new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control2',
>>           'options': {
>>             'filterColumnLabel': 'Køn',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg køn'
>>           }
>>           }
>>         });
>>
>>   // Create a name filter, passing some options
>>         var elementArt= new google.visualization.ControlWrapper({
>>            'controlType': 'CategoryFilter',
>>           'containerId': 'control3',
>>           'options': {
>>             'filterColumnLabel': 'Element',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg element'
>>           }
>>           }
>>         });
>>
>>   // Create a name filter, passing some options
>>         var modpartArt= new google.visualization.ControlWrapper({
>>           'controlType': 'CategoryFilter',
>>           'containerId': 'control4',
>>           'options': {
>>             'filterColumnLabel': 'Modpart',
>>       'ui': {
>>         'allowTyping': false,
>>         'allowMultiple': true,
>>         'selectedValuesLayout': 'belowWrapping',
>>         'labelStacking': 'vertical',
>>         'caption': 'Vælg modpart'
>>           }
>>           }
>>         });
>>
>>   // Define a table
>>   var table = new google.visualization.ChartWrapper({
>>     'chartType': 'Table',
>>     'containerId': 'chart2',
>>     'options': {
>>       'width': '900px'
>>     },
>>      'view': { 'columns': [ 2, 3, 4, 5, 8, 10]}
>>   });
>>
>>   // Define a map
>>      var map1 = new google.visualization.ChartWrapper({
>>         'chartType': 'Map',
>>         'containerId': 'map1',
>>         'view': { 'columns': [6, 7]},
>>         'options': {
>>             'enableScrollWheel': false,
>>             'mapType': 'hybrid',
>>              'useMapTypeControl': true
>>             }
>>     });
>>
>>
>>         // Establish dependencies, declaring that 'filter' drives 'table',
>>         // so that the table will only display entries that are let
>> through
>>         // given the chosen slider range.
>>         dashboard.bind([donutRangeSlider, atomMagter, elementArt,
>> modpartArt], [map1, table]);
>>
>>         // Draw the dashboard.
>>
>>    dashboard.draw(data, {showTip: true});
>> }
>>     </script>
>>
>>
>> <p> </p>
>>
>> <!--Div that will hold the dashboard-->
>>     <div id="dashboard_div">
>>       <!--Divs that will hold each control and chart-->
>>     <div id="map1" style="zoom: 1; width: 900px; height: 700px;"></div>
>> <p> </p>
>>     <div id="control1"></div>
>>     <div id="control2"></div>
>>     <div id="control3"></div>
>>     <div id="control4"></div>
>> <p> </p>
>>     <div id="chart2" style="width: 900px;"></div>
>> </div>
>>
>> <p> </p>
>>
>>
>> On Wed, Apr 24, 2013 at 5:03 PM, asgallant <drew_g...@abtassoc.com>
>> wrote:
>>
>> If you are using lat/long pairs, then you need to add a third column to
>> the map, which contains a string describing the location.  This string is
>> what pops up in the tooltip.
>>
>>
>> On Wednesday, April 24, 2013 4:35:31 AM UTC-4, Sikker Trafik wrote:
>>
>> Now I've got another question.
>> If I add showTip, it doesn't open the infoWindow. Like this:
>>
>>     dashboard.draw(data, {showTip: true});
>>
>> I don't what the problem is. I have looked through a lot of examples on
>> this matter, but the only thing I can think of is, that I in some way have
>> to add data do be shown on the map. Right now the map views column 7 and 8.
>> Can I in some way add more columns and still be able to draw the map or am
>> I looking for something else?
>>
>> Thank you
>> Nikolaj
>>
>>
>>
>> Den mandag den 22. april 2013 09.36.58 UTC+2 skrev Sikker Trafik:
>>
>> All right. Thank you so much for the help asgallant!
>>
>>
>> On Wed, Apr 17, 2013 at 4:54 PM, asgallant <drew_g...@abtassoc.com>
>> wrote:
>> <blockquote style="margin:0 0 0 .8ex;border-left:1px
>>
>> ...
>
>  --
> You received this message because you are subscribed to a topic in the
> Google Groups "Google Visualization API" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/google-visualization-api/7mb7__D7bf0/unsubscribe
> .
> To unsubscribe from this group and all its topics, send an email to
> google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> http://groups.google.com/group/google-visualization-api.
> For more options, visit https://groups.google.com/d/optout.
>

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.

Reply via email to