1
ハイマップを使用して、各国の関連ユーザーの数を表示しています。これは勾配で表示されるはずですので、国のユーザーが多いほど色は濃くなります。私はHighmapsでデータをロードするようにしていますが、何らかの理由で白から青までのグラデーションの凡例にもかかわらず、すべての国が黒で表示されています。それがどんなアイデアなのか？ありがとう！ハイマップはカラーグラデーションを使用していません
$(document).ready(function(){
// Basic highcharts initialization
Highcharts.setOptions({
lang: {
thousandsSep: ','
}
});
var analytics_map = new AnalyticsMap('#container');
analytics_map.setTitle('# of Signups');
analytics_map.load([
\t ["AE","31"],
["AR","51"],
["AT","71"],
["AU","81"],
["BE","91"],
["BG","9"],
["BO","22"],
["BR","37"],
\t ["US","173"],
["UY","5"],
["ZA","19"]
]);
function AnalyticsMap(selector){
this.selector = selector,
this.title = 'Default Title',
this.setTitle = function (title){
this.title = title;
},
this.load = function(data){
$(this.selector).highcharts('Map', {
title: {
text: this.title
},
mapNavigation: {
enabled: true,
buttonOptions: {
verticalAlign: 'bottom'
}
},
colorAxis: {
},
series: [{
data: data,
mapData: Highcharts.maps['custom/world'],
joinBy: ['iso-a2', 0],
keys: ['iso-a2', 'value'],
name: this.title,
dataLabels: {
//enabled: true,
//format: '{point.code}'
},
tooltip: {
pointFormat: '{point.iso-a2}: {point.value} signups'
}
}]
});
}
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/mapdata/custom/world.js"></script>
<div id="container"></div>
なぜあなたの[colorAxis]（http://api.highcharts.com/highmaps/colorAxis）要素が空でありますか？それは色が設定されるところです。 [their examples]（http://www.highcharts.com/maps/demo/all-maps）を参照してください。 –
colorAxisが設定されているのはまだすべて黒ですが、http://jsfiddle.netを見てb/cを外しました。 /gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/geojson/それはちょうどうまく動作するデフォルトの動作を持っているかのように思えます。 – zojwek