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
- Highchart : How to use images when using "General drawing"
- add markers for specific values in streaming multi line in highcharts
- R - Highcharter, How to avoid increasing the indentation of the y axis label?
- HighChart : Usage of setData
- Integrate Highcharts with Angular5 without any 3rd Party library
- React HighCharts cannot use marker-clusters
- How to show the container in a nested treemap?
- How to make highcharts scrollable horizontally when having big range in x-axis
- HighCharts. How to set a fixed width for a chart grid, not including labels?
- Highcharts: Difference between onMouseOver vs onContainerPointerMove?
- Highstock - Soft Min and Max is not working
- Angular Highcharts Series name in piechart with API data
- How to hide grid line protrusion in bar chart
- Formatting tooltip for everviz
- How to click in a serie area chart below another serie area chart in HighCharts?
- Drilldown United states city/county map from states using highcharter
- How can I convert datetime from Flask to Highcharts
- HighStock: One navigator to control two xAxis?
- Highcharts: Stacked area tooltip showing wrong value
- Stacked barchart in highcharter with molten data
- Highcharts PHP JSON - correct data format
- angular2-highcharts: update rendered chart data
- Highcharts - Get container ID from barclick
- Highcharts chart with risk color background
- HIGHCHARTS: drilldown.js changes pie chart label color
- How to adapt a highstocks chart to a very narrow container?
- Issue with Spider HighChart as it is showing as a line chart sometimes
- Add tooltip to highcharts javascript
- Highcharts tooltipRefresh check for hovered item
- Highcharts getSVG() - Keep HTML formatting in legend