简体   繁体   中英

Different marker sizes in highcharts?

For my scatter chart in highcharts I would like different series to have different marker radius. Is this possible?

"plotOptions": {"series": {"marker": {"enabled": true
                                     ,"symbol": "circle"
                                     ,"radius": 15}
                                     }
                           }
                {

It does not work to use:

    "plotOptions": {"series": {"marker": {"enabled": true
                                     ,"symbol": "circle"
                                     ,"radius": 15,20,10,5,2}
                                     }
                           }
                {

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

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 :)

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM