highcharts中的标记大小不同?

时间:2017-01-26 09:26:48

标签: javascript charts highcharts scatter

对于我在highcharts中的散点图,我希望不同的系列具有不同的标记半径。这可能吗?

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

无法使用:

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

2 个答案:

答案 0 :(得分:4)

您可以在每个单独的数据系列中为半径提供标记选项 所以系列将是

        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
        },
    }]

希望这个帮助Fiddle Link

答案 1 :(得分:2)

您必须为每个系列设置一个标记。所以你必须做这样的事情。

...
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
    }
}]

我希望这会有所帮助:)