Skip to content

victorceban/draggable-points

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Draggable Points for Highcharts

This plugin allows the user to drag the points in the chart, making them able to edit data directly in the chart.

The contents of the plugin is located in the javascript file draggable-points.js. This plugin is published under the MIT license, and the license document is included in the repository.

Online demos:

Options

Option name Type Description
plotOptions.series.cursor String Highcharts core option. We recommend setting a cursor that indicates to your users that the point can be dragged, for example ns-resize or move.
plotOptions.series.data.draggableX Boolean If dragging is enabled on the series, set this to false to prevent dragging on a single point.
plotOptions.series.data.draggableY Boolean If dragging is enabled on the series, set this to false to prevent dragging on a single point.
plotOptions.series.draggableX Boolean Enable draggable along the X axis.
plotOptions.series.draggableY Boolean Enable draggable along the Y axis.
plotOptions.series.allowDragOutsideChartArea Boolean Dragging will contine outside chart area. Defaults to false which automatically triggers a drop on mouseleave.
plotOptions.series.dragHandlePath Function Column series only. A custom path for the drag handle.
plotOptions.series.dragHandleFill Function Column series only. Fill color for the drag handle.
plotOptions.series.dragHandleStroke Function Column series only. Stroke color for the drag handle.
plotOptions.series.dragMaxX Number The maximum X value to drag to for this series.
plotOptions.series.dragMaxY Number The maximum Y value to drag to for this series.
plotOptions.series.dragMinX Number The minimum X value to drag to for this series.
plotOptions.series.dragMinY Number The minimum Y value to drag to for this series.
plotOptions.series.dragPrecisionX Number The X precision value to drag to for this series.
plotOptions.series.dragPrecisionY Number The Y precision value to drag to for this series.
plotOptions.series.dragSensitivity Number The amount of pixels to drag the pointer before it counts as a drag operation. This prevents drag/drop to fire when just clicking or selecting points. Defaults to 1.
plotOptions.series.point.events.drag Function Callback that fires while dragging. Temporary point values can be read from e.newX and e.newY. Original values are available in e.dragStart.
plotOptions.series.point.events.drop Function Callback that fires when the point is dropped. Original values are available in e.dragStart. The Point object is the context.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%