score:1
Accepted answer
Here is your solution :
var plotBox = point.renderer.plotBox;
var path = renderer.path(['M',point.cx+plotBox.x,point.cy+plotBox.y,'L',100,100])
In fact, your graphic does not start at 0,0 of your svg, it has an offset. You can find it in the renderer of every objects. Your graphic is contained into the plotBox.
I have updated your jsFiddle : http://jsfiddle.net/FsDks/
score:1
You can use plotX and plotY coordinades, kept in point object (not graphic) and add plotTop / plotLeft (spacing around chart).
var renderer = this.series.chart.renderer,
chart = this.series.chart,
point = this,
path;
path = renderer.path(['M',point.plotX + chart.plotLeft,point.plotY + chart.plotTop,'L',100,100])
.attr({
'stroke-width': 1,
stroke: 'red'
}).add();
this.graphic.animate({
opacity: 0.2
});
Source: stackoverflow.com
Related Query
- Highcharts centre of a bubble chart point
- Highcharts Bubble Chart - How to get the size of the point
- Highcharts => Getting the id of a point when clicking on a line chart
- Highcharts scatter chart with a name per point
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts 3.0 Bubble Chart -- Controlling bubble sizes
- how to get chart object inside a point event function in Highcharts
- Show value of last point as label or tooltip on Highcharts Stock Chart
- Highcharts bubble chart dataLabels overlapping
- Highcharts - Bubble chart - Moving gridlines
- Color each point individually in column chart highcharts
- Displaying additional text for Highcharts Bubble chart
- Highcharts Bubble Chart - How to move an individual point's data label (dataLabel) to the front/top
- Highcharts - Rotate pie chart aligning the clicked section to a fixed point (180°)
- Motion in drilldown bubble chart Highcharts
- HighCharts - Show categories in x axis intead of the value of x in Bubble Chart
- HighCharts Stock Chart error code 18
- Highcharts - Bubble chart - Proportional bubbles
- Highcharts - how to set custom content in point tooltip (popup) on 3D scatter chart or how to customize point tooltip information?
- Highcharts bubble chart datalabels color contrast issue
- Highcharts Scatter Chart Data Point Hover
- Highcharts polar chart - zero at centre
- Legend for each point in column chart in highcharts
- Highcharts add point to line chart with json
- Highcharts can't render a bubble chart with a single series
- Highcharts - bubble chart with titles at x- and y-Axis - Error #14
- Drawing Bubble Chart by using npm highcharts with error #17
- Point title in bubble chart (Highcharts)
- Highcharts area chart hide graphs with one data point
- Click a point on a highcharts graph from outside of the chart
More Query from same tag
- How to render Highcharts graph into user-selected DIV
- Highcharts - Add a tooltip suffix value dynamically for each series
- Rails 3: Creating compact array for highcharts includes nil, but shouldn't
- Controlling when boost mode is used in HighCharts?
- How to position rangeSelector buttons to the right Highstock/Highcharts
- Highcharts animate series on show
- how to use Highcharts on Ionic?
- Pie Chart with Highchatrs
- HTML displaying values in JavaScript "data"
- How to programatically hide a tooltip in highcharts?
- Highcharts: synchronized charts no longer sync up once data are updated
- Size and offset for plotBackgroundImage in Highcharts
- Highcharts Solid Gauge only want to show 1 data label
- How do I display multiple charts automatically with PHP and MYSQL?
- Column Labels in Sankey Charts in Highcharts
- highcharts responsive method in Highcharts.net wrapper
- Highcharts multiple x axis and yaxis. The width of the 1st x-axis is not in sync with browser resize
- Highcharts stock chart not showing up with custom data
- 3D Scatter chart scrolling if I scroll the scrollbar
- How to group area chart extremes for x-axis dynamically with day,week,months value in highstock
- how to dynamically change array in highchart?
- Why my column chart is getting cropped in highcharts
- Highcharts y axis and x axis display
- HighChart : Showing Some Data After the Grid Lines
- Highcharts complex bar chart design with circular annotation or secondary legend
- Only first N datapoints should be used
- how to add an color picker control to highchart for changing the color of series by user
- How to show tooltip properly for highchairs when height is small?
- Highcharts live data not updating after changing PHP variable
- javascript, change default position after zoom on highcharts maps