highmaps

highmaps get country name on click event

由 有些话、适合烂在心里 提交于 2020-07-18 16:59:26
问题 $('#container').highcharts('Map', { title : { text : 'Highmaps basic demo' }, subtitle : { text : 'Source map: <a href="http://code.highcharts.com/mapdata/custom/africa.js">Africa</a>' }, mapNavigation: { enabled: true, buttonOptions: { verticalAlign: 'bottom' } }, colorAxis: { min: 0 }, series : [{ data : data, mapData: Highcharts.maps['custom/africa'], joinBy: 'hc-key', name: 'Random data', states: { hover: { color: '#BADA55' } }, dataLabels: { enabled: true, format: '{point.name}' } }] });

Highmaps chart is empty in Angular 5

由 不问归期 提交于 2020-01-16 07:33:00
问题 I have a component where I have to show high maps. No errors but the maps is always empty My chart options object : let chartData = [{ code3: "ABW", z: 105 }, { code3: "AFG", z: 35530 }]; this.chartConfigObject = new MapChart(<any>{ chart: { borderWidth: 1, map: 'custom/world' }, title: { text: 'World population 2013 by country' }, subtitle: { text: 'Demo of Highcharts map with bubbles' }, legend: { enabled: false }, mapNavigation: { enabled: true, buttonOptions: { verticalAlign: 'bottom' } }

Highmaps chart is empty in Angular 5

由 北城以北 提交于 2020-01-16 07:32:21
问题 I have a component where I have to show high maps. No errors but the maps is always empty My chart options object : let chartData = [{ code3: "ABW", z: 105 }, { code3: "AFG", z: 35530 }]; this.chartConfigObject = new MapChart(<any>{ chart: { borderWidth: 1, map: 'custom/world' }, title: { text: 'World population 2013 by country' }, subtitle: { text: 'Demo of Highcharts map with bubbles' }, legend: { enabled: false }, mapNavigation: { enabled: true, buttonOptions: { verticalAlign: 'bottom' } }

Highcharts: Highmaps - Choropleth maps - All states are the same color

由 戏子无情 提交于 2020-01-16 02:06:24
问题 I have copied the demo code for the United States color axis map from the Highcharts website and substituted my own JSon file of values. The values are showing up in the tooltip and the legend has color gradients and values, but the states are all one medium blue color. The file values range from a few hundred to almost $4 million dollars for the states. This html page is being called in MVC5. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="https://code.highcharts.com/maps

How use joinBy with subregion in France with HighMaps?

由 穿精又带淫゛_ 提交于 2020-01-07 04:22:09
问题 I'm trying to update this example for HighMaps : // Prepare demo data // Data is joined to map using value of 'hc-key' property by default. // See API docs for 'joinBy' for more info on linking data and map. var data = [ ['fr-e-mb', 0], ['fr-r-vd', 1], ['fr-k-ad', 2], ['fr-u-vc', 3], ['fr-g-hm', 4], ['fr-g-mr', 5], ['fr-o-no', 6], ['fr-n-hp', 7], ['fr-f-in', 8], ['fr-t-vn', 9], ['fr-b-dd', 10], ['fr-t-cm', 11], ['fr-u-am', 12], ['fr-u-vr', 13], ['fr-u-ap', 14], ['fr-v-ai', 15], ['fr-s-as', 16

How to make multiple charts using highcharts in a loop?

由 南笙酒味 提交于 2020-01-07 01:49:17
问题 This is the relevant code I have: <script> titles = <?php echo json_encode($graphTitles)?>; //Loop through the graphs for (var graphNO = 0; graphNO < titles.length; graphNO++) { //CREATE NEW CONTAINER var container = document.createElement('div'); document.body.appendChild(container);er); dates = <?php echo json_encode($recivedDates);?>[titles[graphNO]]; //I EXTRACT A FEW MORE ARRAYS THE SAME METHOD $(function () { $(container).highcharts({ title: { text: titles[graphNO] }, xAxis: {

How to zoom to specific point in Highmaps

由 為{幸葍}努か 提交于 2019-12-22 10:24:03
问题 Highmaps / highcharts is a javascript/jquery adapter that renders maps in browsers etc. I have a map with a single country highlighted, however, the scale of the (world) map is such that I want zoom in after the map is loaded on the country in question. Looking at the API I feel certain this is possible. There is an event listener, such that I can execute custom functions on load. As illustrated with this example, where a series is added on load (Js fiddle) Additionally there is a method

Highmaps IOS click events not firing

由 痞子三分冷 提交于 2019-12-11 15:50:54
问题 I'm building an interactive map web-app using Highmaps and Highcharts. There's a work in progress version of it here: http://s3.eu-west-2.amazonaws.com/ds-active-travel/index.html It works fine on Desktop browsers (IE, Firefox, Chrome, Safari) however the click events don't seem to be firing when I click the map on an IOS mobile device regardless of the browser (Safari, Firefox, Chrome). Interestingly when I use the dropdowns to select a node, it works fine. I've tried replacing the anonymous

How to bind to Highcharts constructor/listen to CustomEvents from Vue component

由 蓝咒 提交于 2019-12-11 08:51:51
问题 This map exists inside of a Vue component and what I'm trying to do is use this.$emit('somethingHappened', HighmapsEventObject) mounted () { Highcharts.mapChart(this.$el, { series: [{ events: { click: () => { in here } } }] }) } as in mounted () { Highcharts.mapChart(this.$el, { series: [{ events: { click: () => { `this.$emit('somethingHappened', HighmapsEventObject)` } } }] }) } But obviously, this at this point, references the Highmap's this not the Vue component's this so I've tried to do

How can I get around “mixed active content” highcharts exporting error?

由 徘徊边缘 提交于 2019-12-11 01:06:54
问题 It appears you cannot use Exporting with https, because of "mixed active content" error. Blocked loading mixed active content "http://export.highcharts.com/" You can see this problem by viewing one of the Highmaps demos: This (http) works: http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/distribution/ This (https) doesn't: https://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/distribution
订阅 highmaps