Highcharts разделяют метки данных на серию

У меня есть следующие высокие диаграммы:

            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    defaultSeriesType: 'scatter',
                    zoomType: 'xy'
                },
                title: { text: 'Report' },
                xAxis: { title: { enabled: true, text: 'Score' },
                    startOnTick: true, endOnTick: true, showLastLabel: true, min: -10, max: 11 },
                yAxis: { title: { text: 'Question', align: 'left' }, min: 0, max: 27, reversed: true, categories: categories, labels: {enabled: true}},
                tooltip: { formatter: function() { return '' + this.x +' score'; } },
                legend: {
                    layout: 'vertical',
                    align: 'left',
                    verticalAlign: 'top',
                    x: 320,
                    y: 35,
                    floating: true,
                    backgroundColor: Highcharts.theme.legendBackgroundColor || '#FFFFFF',
                    borderWidth: 1,
                    width: 200,
                    height: 200
                },
                plotOptions: {
                    linewidth: 10,
                    series: {
                        shadow: true,
                        dataLabels: {
                            enabled: true,
                            align: 'center',
                            verticalAlign: 'bottom',
                            rotate: 0,
                            formatter: function() {
                                return '<b style="color:gray">' + this.point.x + '</b>';
                            },
                            style: {
                                     color: '#000',
                                     font: 'bold 18px "Trebuchet MS", Verdana, sans-serif;'
                                  },
                            x:-25,
                            y:7
                        }
                    },
                    scatter: {
                        marker: {
                            enable: false,
                            radius: 15,
                            states: {
                                hover: {
                                    enabled: true,
                                    lineColor: 'rgb(100,100,100)'
                                }
                            }
                        },
                        states: {
                            hover: {
                                marker: {
                                    enabled: false
                                }
                            }
                        }
                    }
                },
                series: [{
                    id:'def',
                    name: 'def',
                    color: 'rgba(223, 83, 83, .5)',
                    data: [[10,2],[9,3],[9,4],[5,5],[6,6],[7,7],[9,8],[8,9],[9,11],[7,12],[6,13],[8,14],[7,15],[8,16],[6,18],[8,19],[9,20],[7,22],[6,23],[9,25],[9,26]]

                }, {
                    id:'abc',
                    name: 'abc',
                    color: 'rgba(119, 152, 191, .5)',
                    data: [[6,2],[3.5,3],[7.5,4],[9,5],[3.5,6],[5,7],[9,8],[5,9],[8.5,11],[8.5,12],[8.5,13],[-1,14],[10,15],[8,16],[7.5,18],[7,19],[7,20],[5,22],[8,23],[7,25],[6.5,26]]

                }]
            });

Я хочу иметь разные стили для меток данных, поэтому abc тянет влево (используя параметр x), а def тянет влево справа.

В настоящее время это установлено глобально для обоих.

Если я попытаюсь:

            chart.series[1].options.dataLabels.x=25;
            chart.redraw()

Ничего не произойдет, метка данных та же.

Есть идеи, как это сделать?

5
задан R0b0tn1k 1 March 2012 в 22:14
поделиться