draggable points is not built-in into highcharts but using the events and methods in the api it is possible to implement an editable line/column/scatter/area-chart (will only handle moving the point in y-direction so far). the following example uses
mouseup events to handle interaction.
mousedownthe start y value is recorded if a point is focused. the y-axis.translate method is the key here, it will translate mouse position to the data domain.
mousemovethe focused point and tooltip is updated with the new value.
mouseupthe point is updated and a new event
dropis fired that updates the text in a status message.
this is now an available plugin on highcharts: http://www.highcharts.com/plugin-registry/single/3/draggable%20points
- Google Line Chart: drag to adjust value
- Highcharts reversed line chart is partially hidden at min value
- How to change space value between grid and yAxis in Highcharts line chart
- How to display last data point value in a tag on Y Axis in line chart of highChartjs
- highchart line chart last null value is not conected with line
- Google Charts, HighCharts or ChartJS Dual Axis Gantt Chart and Line Chart Visualization
- Highcharts line chart from a Google spreadsheet
- Stacked value with line chart with highcharts
- How to make Basic Line chart to show value
- Select dynamic value with tooltip on line chart (highcharts) in angular with material slider
- How to extend plot line value outside the grey area or outside the chart in highchart?
- Adjust the org chart line to be from/to the side of the node versus top or bottom for organization chart?
- Highchart line chart Tooltip showing index value instead of X-axis formatted label name
- Line chart Y axix value not show with single data
- Highcharts data from Google spreadsheet show line chart for one series
- How to set Highcharts chart maximum yAxis value
- HighCharts turn animation false for line chart
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Highcharts: Ensure y-Axis 0 value is at chart bottom
- remove grid line on chart
- Highcharts => Getting the id of a point when clicking on a line chart
- missing value in highcharts line graph results in no line, just points
- Gradient Fill on Line Chart (Highcharts)
- Highcharts: min value of y axis on the bottom of chart
- How to show a column with the value Zero in Column chart in Highcharts?
- Improve performance of Highcharts line chart
- Highchart Area Range chart with gradient that follows the line
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts line chart won't display line chart in IE
- HighCharts Pie Chart Legend value alignment
More Query from same tag
- Draw vertical lines and horizontal bands
- Expand the range of the xAxis to show a specific number of points for live data
- How to use add series and update methods in the high chart wrapper for angular?
- How to update Highcharts data dynamically over a period of time
- Highcharts X-Axis labels as Text
- dynamically change fontWeight on a legend item Highcharts
- How can I include two data in one series on HIGHCHARTS?
- Google spreadsheet sharing
- Trouble when Highcharts display many columns
- Naming a point on highcharts
- Removing specific days from highcharts datetime graph
- Highcharts xaxis datetime zoom
- Highcharts swipe smooth move feature
- Highcharts - labels inside and outside a pie chart
- Using Highcharts with minutes, seconds and milliseconds as Data not working
- Dynamic query for high charts
- Android Highchart bar chart add a text below a bar
- how to get index of chart in multiple highchart container
- Angular highchart-ng installation
- Highchart not rendering in shiny using 'Highcharter' package
- Spline chart gradient fill
- highcharts tooltip not moving next point
- jQuery HighCharts: DateTime X Axis Data label issues
- How to get my categories with date in xAxis?
- High chart yAxis error
- Highcharts: Change scale sizes
- Bigger chart with highcharts
- HighCharts: How to Determine on Click Event what Data Grouping the Chart is Currently In?
- Highcharts: Duplicate X-Axis Labels when dataGrouping is enabled (by Month)
- highcharts - disable fading series on marker hover