Как добавить ещё одну колонку ?
<html>
<head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['geochart']}); google.charts.setOnLoadCallback(drawRegionsMap); function drawRegionsMap() { var data = google.visualization.arrayToDataTable([ ['Country', 'Popularity'], ['Germany', 200], ['United States', 300], ['Brazil', 400], ['Canada', 500], ['France', 600], ['RU', 700] ]); var options = {}; var chart = new google.visualization.GeoChart(document.getElementB yId('regions_div')); chart.draw(data, options); } </script> </head> <body> <div id="regions_div" style="width: 900px; height: 500px;"></div> </body> </html> |
Подскажите пожалуйста, Как создать колонку в GeoChart чтобы было вот так:
['Country', 'Popularity', 'Popularity'], ['Germany', 200, 200], ['United States' , 200], ['Brazil', 400, 200], ['Canada', 500, 200], ['France', 600, 200], ['RU', 700, 200] ]); Но когда я так пишу то ононе отображает |
maks777,
['United States', 200, 200], <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['geochart']}); google.charts.setOnLoadCallback(drawRegionsMap); function drawRegionsMap() { var data = google.visualization.arrayToDataTable([ ['Country', 'Popularity', 'Popularity'], ['Germany', 200, 200], ['United States', 200, 200], ['Brazil', 400, 200], ['Canada', 500, 200], ['France', 600, 200], ['RU', 700, 200] ]); var options = {}; var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); chart.draw(data, options); } </script> </head> <body> <div id="regions_div" style="width: 900px; height: 500px;"></div> </body> </html> |
немного не то
Вложений: 1
<html>
<head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['geomap']}); google.charts.setOnLoadCallback(drawMap); function drawMap() { var data = google.visualization.arrayToDataTable([ ['region', 'Popularity'], ['UA-12', 700] ]); var options = {}; options['dataMode'] = 'regions'; options['region'] = 'UA'; var container = document.getElementById('regions_div'); var geomap = new google.visualization.GeoMap(container); geomap.draw(data, options); }; </script> </head> <body> <div id="regions_div" style="width: 900px; height: 500px;"></div> </body> </html> |
мне нужно чтобы на этой карте когда я навожу на регион нужно чтобы отображалось вот так
['region', 'Popularity', 'Popularity'], ['UA-12', 700, 700] но когда я так делаю то нечего не отображает |
Часовой пояс GMT +3, время: 02:35. |