score:1
Accepted answer
The code looks perfectly fine. However, the problem seems to be related to your data.json
file. You don't define the size of the bubble (z - property). Check docs: https://api.highcharts.com/highmaps/series.mapbubble.data.z. That's why bubbles are not visible.
Example data.json:
[
{
"name" : "GB",
"deposited" : "5",
"z": 1000
},
{
"name" : "RU",
"deposited" : "10",
"z": 1350
}
...
]
Source: stackoverflow.com
Related Query
- How to implement mapbubble in highmaps using custom maps json generated using qgis?
- How can I switch between JSON data sets in HighMaps using setData?
- How to use a custom JSON map in Highmaps
- how to sort and select top 5 elements in a json array using angular JS
- How to Populate Highchart using Json Object
- Highmaps - Creating custom buttons using Exporting
- How to add data to a custom HighChart's HighMaps map? joinBy?
- HighMaps how to update data using jQuery
- How to find max: value of colorAxis for highMaps drilldown maps
- How to create highcharts maps using Angularjs?
- How to plot multiple lines in a single graph using HighChart with JSON
- How to send JSON using JSF2 Primefaces Request Context to Highchart?
- How to load proj4 for lat/long in highmaps using typescript and react
- How to overlay two kinds of world maps over each other on Highmaps
- How to implement the interconnection between nodes in network graph using javascript?
- Create custom Map for Highmaps using Shapefiles and QGIS
- how to add custom class name to tick positioner in Highcharts using javascript
- How to create a drilleable bar graph in jsp page using open source charts API
- How to implement similar line chart using the Highcharts library?
- Highcharts Highmaps How to add mappoint to custom map
- How to export gauge chart with custom marker using highchart?
- How can i set the json encode result to the highchart series data using getJSON
- How To Use Highmaps Data In JSON Not Labeled 'value'
- How to position custom tooltips on mouseover, equivalent to default tooltip by using chart.renderer.text on event load in chart property
- Parsing JSON for use with Highcharts using jquery .parseJSON or JSON.parse: how to remove quotes from function calls for formatters?
- Custom map with Highmaps adding mappoint series in latitude and longitude using proj4js
- How do I add json data to custom flags in Highstock?
- how to map serial and data points using json Array
- How do I implement grouped categories plugin using text and images as x axis categories? In highchart?
- How to create chart using Springboot Json api
More Query from same tag
- Highcharts: Dual axis chart with xAxis categories in legend?
- Set crosshairs color for a specific series - highcharts
- Drilldown multiple levels Highchart
- Highcharts: Add dots to series and style between empty data points
- Highstock: How do i display the series name along the line
- Fix Highcharts dataLabels to the bottom
- Highcharts - Same chart multiple times in same page
- Is it possible to sync zoom between two scatter highcharts?
- Group series names in columns in highchart horizontal legend
- Spider highChart - horizontal direction
- Button positioning in Highcharts and name of chart type
- Hide/Show yaxis on series hide/show event
- unable to make plotOptions.scatter.states.hover.marker in a HighCharts scatterplot
- Highcharts - Keep tooltip showing on click
- Create new value in legend for 2nd and 3rd drilldown
- Highcharts 24 hour clock
- How to show plotlines on highstock when its set much higher than the data series?
- How to extend yAxis grid Line to full plot area in Highcharts?
- Adding new HighChart Series
- Highcharts Theming: How to set gradient colors for certain chart types only?
- Is there a way to perform server side rendering of SVG graphics using React?
- Highchart range selector right align
- Use django variable (array of elements from sqlite3 database) inside javascript embedded code
- How to remove margin gap in area spline chart for highcharts?
- Show Date alongside OHLC values in candlestick chart
- How can i use double click in Highcharts and get that data
- How to start highchart column chart from left most corner of x-axis?
- Can we have 2 Y-axis for StockCharts in HighCart.js?
- Highstock align 0 values
- How to save Highcharts image on server auomatically