ui

ANNOTATE/web/static/js/chart_manager.js

@@ -462,7 +462,7 @@ class ChartManager {
             font: { color: '#f8f9fa', size: 11 },
             margin: { l: 60, r: 20, t: 10, b: 40 },
             hovermode: 'x unified',
-            dragmode: 'pan',
+            dragmode: 'zoom', // Use zoom mode for better scroll behavior
             // Performance optimizations
             autosize: true,
             staticPlot: false
@@ -473,22 +473,22 @@ class ChartManager {
             displayModeBar: true,
             modeBarButtonsToRemove: ['lasso2d', 'select2d'], // Allow autoScale2d
             displaylogo: false,
-            scrollZoom: true,
+            scrollZoom: true, // Enable mouse wheel zoom
             // Enable vertical scaling by dragging Y-axis
             doubleClick: 'reset', // Double-click to reset zoom
             showAxisDragHandles: true, // Show drag handles on axes
             showAxisRangeEntryBoxes: true, // Allow manual range entry
-            // Axis drag behavior
-            editable: true, // Make axes editable
+            // Make pivot lines and annotations read-only
+            editable: false, // Disable editing to prevent dragging shapes
             edits: {
                 axisTitleText: false,
                 colorbarPosition: false,
                 colorbarTitleText: false,
                 legendPosition: false,
                 legendText: false,
-                shapePosition: true,
-                annotationPosition: true,
-                annotationTail: true,
+                shapePosition: false, // Prevent dragging pivot lines
+                annotationPosition: false, // Prevent dragging annotations
+                annotationTail: false,
                 annotationText: false
             }
         };