Разные размеры маркеров в хайчартах?

Для моей точечной диаграммы в highcharts я бы хотел, чтобы разные серии имели разный радиус маркера. Это возможно?

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

Не работает использование:

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

javascript charts highcharts scatter
person ChrisD    schedule 26.01.2017    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Вы можете указать параметр маркера для радиуса в каждом отдельном ряду данных.

        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

person Deep 3015    schedule 26.01.2017

arrow_upward
2
arrow_downward

Вы должны установить маркер для каждой серии. Итак, вы должны сделать что-то вроде этого.

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

Надеюсь, это поможет :)

person Víctor Gutiérrez    schedule 26.01.2017