Я хочу вставить диаграмму Google, используя файл json.
это одна функция views.py для загрузки файла json. =>
def get_addresses (запрос):
address = Address.objects.all (). Значения («адрес», «почтовый индекс», «страна», «широта», «долгота»)
address_list = список (адреса)
вернуть JsonResponse (address_list, safe = False)
и это один из примеров json => [{"address": "\ uc11c \ uc6b8 \ uac15 \ ub0a8 \ uad6c \ uac1c \ ud3ec2 \ ub3d9", "почтовый индекс": "135993", "страна" : "Республика Корея", "широта": "37.4896011", "долгота": "127.0687685"}
Я не знаю, почему он не отображается в Google Chart.
Я получил адрес от Google Map API случайным образом генерируется. Я думаю, Google Chart может прочитать адрес, который выглядит как ключ или что-то.
Поэтому я не думаю, что это проблема адреса.
Может кто-нибудь сказать, пожалуйста, в чем проблема?
<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'],
// Note: you will need to get a mapsApiKey for your project.
// See:
'mapsApiKey': 'AIzaSyBZ20X5YvOthFtpf48PMJbCek6456cfSTM'
});
google.charts.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var jsonData = $.ajax({
url: "senders_list.json",
dataType: "json",
async: false
}).responseText;
var data = google.visualization.arrayToDataTable(jsonData);
var options = {
region: 'KR',
displayMode: 'markers',
colorAxis: {colors: ['green', 'blue']}
};
var chart = new
google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>