score:5
Accepted answer
You can provide marker option for radius in each individual data series So series will be as
series: [{
name: 'Female',
color: 'rgba(223, 83, 83, .5)',
data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
[170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2],
[172.5, 55.2], [170.9, 54.2], [172.9, 62.5], [153.4, 42.0], [160.0, 50.0]
],
marker: {
radius: 10
},
}, {
name: 'Male',
color: 'rgba(119, 152, 191, .5)',
data: [[174.0, 65.6], [175.3, 71.8], [193.5, 80.7], [186.5, 72.6], [187.2, 78.8],
[181.5, 74.8], [184.0, 86.4], [184.5, 78.4], [175.0, 62.0], [184.0, 81.6],
[180.0, 76.6], [177.8, 83.6], [192.0, 90.0], [176.0, 74.6], [174.0, 71.0]
],
marker: {
radius: 20
},
}]
Hope this help Fiddle Link
score:2
You have to set a marker for each serie. So you have to do something like this.
...
series: [{
name: 'Serie 1',
data: ...
marker: {
enabled: true,
symbol: "circle",
radius: 5
}
},{
name: 'Serie 2',
data: ...
marker: {
enabled: true,
symbol: "circle",
radius: 10
}
},{
name: 'Serie 3',
data: ...
marker: {
enabled: true,
symbol: "circle",
radius: 15
}
}]
I hope this helps :)
Source: stackoverflow.com
Related Query
- Increase different marker sizes when hovering series using highcharts
- Different marker sizes in highcharts?
- Highcharts - Different Marker for Each Point of Area Plot
- Highcharts Custom SVG Marker Symbol is Shaped Different in Legend
- highcharts legend marker and series marker with different size
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts Synchronisation of multiple charts with different sizes
- set different colors for each column in highcharts
- Highcharts legend font sizes
- highcharts - disable fading series on marker hover
- conditional marker colors in highcharts
- Highcharts graph X-axis label for different date ranges
- Highcharts 3.0 Bubble Chart -- Controlling bubble sizes
- Highcharts shared tooltip requires different valueSuffix and varying decimals
- Two different thresholds in HighCharts 3.0
- Flexdashboards and Leaflet and marker click with Highcharts
- Population pyramid for different regions in Highcharts
- Different border for selected column in highcharts
- Dynamically draw marker on last point in highcharts
- highcharts different colors for selected columns
- How to access different contexts of 'this' in HighCharts callback (Angular / Typescript)
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- How to remove the halo/glow around a marker upon hovering a series in Highcharts
- Highcharts - Global configuration with common code and unique data & Headings
- Can I sychronize two highcharts series with different years (leap year)
- Need to make tooltip border color same as marker color using Highcharts
- Highcharts write xaxis values on 2 different lines
- HighCharts Custom SVG Marker Symbol
- Highcharts legend symbol sizes for scatter charts
- HighCharts area graph - show tooltip only on hover of marker
More Query from same tag
- Comparing percentage with Highstock
- Highcharts - Cannot display data labels on a spline chart
- Highcharts - How to display legend symbol inside the tooltip
- Recieve HighStock RangeSelector button event in Angular 2+ component
- How to change Pie full donut to half donut in Highcharts?
- How to create a legend for bar colors in a Highcharts bar chart
- Charts using Rally
- How to auto adjust Y axis plot lines in live high chart
- Highcharts too slow when plotting 4000 bars (rCharts)
- How can I avoid moving flags when mouseovered - highcharts
- Use FusionCharts in sandbox solution
- Interpolate or use a variable inside a string in javascript
- How to show a legend for a bar chart in Ruby on Rails?
- Printing table with charts in html through FireFox
- Highcharts: tickInterval on coloraxis
- Change direction of angles in Highcharts
- When i scroll Gnatt highcharts some of the data is not shown in some columns
- How would I fill MAX MIN bullets in highcharts?
- Style Highchart line chart from psd
- Highcharts does not render values received from Flask-socketio
- Highcharts Dynamic Drilldown using json
- How to customize highchart treemap datalabels?
- Programmatically change a chart title in highcharts
- Highcharts calculated max value not working with 2+ Y axis
- HighCharts in AngularJS with dynamic data
- dynamically hide/show button in highcharts
- Automatically split y-axis on Highcharts if series' values are not similar
- Highcharts dynamic width on hidden tab
- How can I show daily grid lines in HighStock? Currently seems buggy
- Highcharts - shared tooltips for certain serieses