Highcharts Demo

author: Anton W

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/draggable-points.js"></script>

<div id="container" style="height: 300px"></div>

JavaScript

Highcharts.chart('container', {
	title:{
  	text: 'Drag points from high to low values for example'
  },
    xAxis: {
        data: [1, 2, 3, 4, 5, 5],
        type:'logarithmic',
        max: 20,
        min:1
    },

    yAxis: {
        type: 'logarithmic',
        max: 20,
        min:1
    },

    series: [{
        data: [[1.5,70], [2, 45], [3.5, 20], [5, 15], [7.5, 8], [16, 3]]
    }],

  plotOptions: {
        series: {
            stickyTracking: true,
            dragDrop: {
                draggableY: true,
                draggableX: true,
                // dragPrecisionX: 1, // setting precision does not help
                // dragPrecisionY: 1, // setting precision does not help
                dragMaxX: 20,
                dragMaxY: 100,
                dragMinX: 1,
                dragMinY: 0.1
            }
        },
        line: {
            cursor: 'ns-resize'
        }
    },
    
    tooltip: {
    valueDecimals: 1
    }

});