Highcharts Javascript

Question

Я использую графики разброса Highcharts. Я хотел дать эффект свечения в точке при выборе точки. Поэтому я использую метод chart.renderer.rect () для создания элемента SVG и добавления его за выбранной точкой. Но я не получаю x y позицию выбранной точки. Пожалуйста, помогите мне.

Ниже приведен код, который я использую.

chart.renderer.rect( 1, 1, 30, 30, 5)
 .attr({
        'stroke-width': 2,
        stroke: 'red',
        fill: 'yellow',
        zIndex: 3,
        translateX: 220,
        translateY: 265
 })
 .add();

Заранее спасибо ..!

Answer 1

См. Следующий пример. http://jsfiddle.net/cfKzS/7/ Если вы хотите, чтобы на графике были координаты x и y, вы можете получить доступ как this.x и this.y. Или, если вам нужна позиция в пикселях, вы можете использовать что-то вроде этого:

plotOptions: {
    series: {
        allowPointSelect: true,
        point: {
            events: {
                select: function(e) {
                    $report.html('chart x position: ' + e.target.plotX + '<br>' + 'chart y position: ' + e.target.plotY);
                }
            }
        }
    }
}

Answer 2

Преобразование не является частью объекта attr, смотрите здесь ... http://www.highcharts.com/ref/#element

attr Object hash : Element Since 2.0
Apply attributes to the SVG/VML elements. These attributes for the most parts correspond to SVG, but some are specific to Highcharts, like zIndex and rotation for text.

Most important available attributes:

d
end
fill
height
r
rotation
start
stroke
stroke-width
style
text
translateX
translateY
visibility
width
x
y
zIndex