У меня есть следующие настройки на моей карте Highcharts, и когда я навожу курсор на страну, она не использует цвет, и я не знаю, почему. Все, что происходит, это то, что он меняет цвет на светло-голубой.
Highcharts.mapChart('geo-graph', {
series: [{
states: {
hover: {
color: '#f47d25'
}
}
}]
});
Вот полный javascript (он использует лезвие, поэтому материал {!! $geo !!}
заменяется на json):
let data = JSON.parse('{!! $geo !!}');
Highcharts.mapChart('geo-graph', {
title: {
text: null
},
mapNavigation: {
enabled: true
},
colorAxis: {
min: 1,
type: 'logarithmic'
},
legend: {
layout: 'vertical',
align: 'left',
verticalAlign: 'bottom'
},
series: [{
data: data,
mapData: Highcharts.maps['custom/world'],
joinBy: ['iso-a2', 'code'],
name: 'Country',
allowPointSelect: true,
states: {
hover: {
color: '#f47d25'
}
}
}]
});
Вот некоторые примеры данных:
[{
code:"US",
name:"United States",
value:1100
}]
Когда я делаю это на jsfiddle, это работает, но когда я создаю его с помощью gulp elixir, это не работает. в этом проблема?
gulp.task('default', function () {
elixir.config.sourcemaps = false;
elixir.config.production = true;
elixir(function (mix) {
mix.styles([
'./node_modules/highcharts/css/highcharts.css'
], 'public/css/highcharts.css');
mix.scripts([
'./node_modules/highcharts/js/highcharts.js',
'./node_modules/highcharts/js/modules/exporting.js',
'./node_modules/highcharts/js/modules/map.js',
'./node_modules/highcharts/js/modules/data.js'
], 'public/js/highcharts.js');
});
});
"version": "5.0.6"
- person Get Off My Lawn   schedule 21.02.2017script
и помещаю их в свое приложение, он все еще не выделяется, но работает в jsfiddle... - person Get Off My Lawn   schedule 21.02.2017