Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как добавить ещё одну колонку ? (https://javascript.ru/forum/misc/64357-kak-dobavit-eshhjo-odnu-kolonku.html)

maks777 05.08.2016 11:30

Как добавить ещё одну колонку ?
 
<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>

maks777 05.08.2016 11:33

Подскажите пожалуйста, Как создать колонку в GeoChart чтобы было вот так:

['Country', 'Popularity', 'Popularity'],
['Germany', 200, 200],
['United States' , 200],
['Brazil', 400, 200],
['Canada', 500, 200],
['France', 600, 200],
['RU', 700, 200]
]);
Но когда я так пишу то ононе отображает

Dilettante_Pro 05.08.2016 13:44

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>

maks777 08.08.2016 11:08

немного не то
 
Вложений: 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>

maks777 08.08.2016 11:11

мне нужно чтобы на этой карте когда я навожу на регион нужно чтобы отображалось вот так
['region', 'Popularity', 'Popularity'],

['UA-12', 700, 700]


но когда я так делаю то нечего не отображает


Часовой пояс GMT +3, время: 16:17.