score:10
I am having a hard time seeing how a bubble chart, where the bubbles are not sized relative to each other, would be of any use.
You should be able to use the minSize and maxSize options, however, to control them the way that you need to:
bubble: {
minSize:2,
maxSize:50
}
{{edit: I don't see them in the docs either, actually. But you can see an example here: http://jsfiddle.net/fXzke/13/ use either number as pixel value, or string with percent of chart height }}
score:10
I found that adding an "empty" bubble to the series helps keep the size of all bubbles in the chart relative to each other:
name: '',
data: [{x:0,y:0,z:0}],
showInLegend: false,
color: 'transparent',
enableMouseTracking: false
Here's a sample on JSFiddle: http://jsfiddle.net/9bebT/2/. The legend, color, and mouse tracking variables each help keep the item in the series but otherwise invisible to the user. If you simply remove the empty bubble or set its visibility to "false," the chart doesn't register the empty bubble's z axis (diameter) as the minSize.
Source: stackoverflow.com
Related Query
- Highcharts 3.0 Bubble Chart -- Controlling bubble sizes
- Highcharts bubble chart dataLabels overlapping
- Highcharts - Bubble chart - Moving gridlines
- Displaying additional text for Highcharts Bubble chart
- Highcharts Bubble Chart - How to move an individual point's data label (dataLabel) to the front/top
- Motion in drilldown bubble chart Highcharts
- HighCharts - Show categories in x axis intead of the value of x in Bubble Chart
- HighCharts Stock Chart error code 18
- Highcharts - Bubble chart - Proportional bubbles
- Highcharts bubble chart datalabels color contrast issue
- Highcharts can't render a bubble chart with a single series
- Highcharts - bubble chart with titles at x- and y-Axis - Error #14
- Drawing Bubble Chart by using npm highcharts with error #17
- Highcharts Bubble Chart - How to get the size of the point
- Highcharts display label for pie chart using html table as data source
- Highcharts bubble chart dataLabels overlapping despite z-index
- Create Highcharts bubble chart dynamically
- No data to display in highcharts showing up with the data in Bubble Chart
- Logarithmic Y axis in Highcharts 3.0 bubble chart
- Highcharts - how to put bubble chart in straight line?
- Mult Serie Bubble Chart HighCharts
- Highcharts bubble chart with date?
- Highcharts centre of a bubble chart point
- Utilizing full height in highcharts bubble chart
- Highcharts Bubble chart mouseover breaking animation
- Highcharts - Bubble losing focus without exiting the chart
- Highcharts bubble chart datalabels not display
- Highcharts cloud issue with data source when duplicating chart
- Colors are not rotating in Highcharts Bubble chart
- HighCharts Bubble graph JSON as data source
More Query from same tag
- Date becomes incorrect in the ALL view on Highstock chart?
- Highcharts live chart: JSON showing Strings -- not working
- Angular-chart.js graph highlight
- Highcharts chart with risk color background
- Loading multile php Files with Ajax
- Highcharts acting weird in chrome 30.0.1599.69
- Change highcharts axis value based on User Selection
- HighCharts Plotlines with Multiple Y-Axis
- present halo animation in Highmap
- Graph sliding strangely with negativeColor activated
- Highchart Json Format for Highchart stock chart
- Highchart showing up empty until button click
- Highcharts Graph not recreating on same Android activity
- How to drilldown to third level when its data is determined by second's click event?
- Automatically join missing data gaps in Highcharts JS
- Why is Highchart loaded twice in my rails app ? (Uncaught Highcharts error #16)
- Highchart flags goes out when range selector is set to entire size
- highchart not displaying in the center on mobile screen
- Is there any replacement of "zones" in highcharts?
- Highcharts not rotating to vertical in angular
- Parsing CSV data into JS Objects to use in chart. Uncaught ReferenceError: data is not defined(jsfiddle included)
- Use String as object in javascript?
- Adding a Dropdown Select menu to select csv files in highcharts
- Handle touch event on Apple - Highcharts
- Spark - Highcharts // Add points dynamically
- R Highcharter Drilldown Set Ymin & Ymax + Title for each layer
- Creating a Pie Chart using PHP to create json
- Highchart renderer path issue in IE8
- Automatically zooming in on highcharts after loading
- Show S0-Ticks with Highcharts