Create 2025-02-23-legend-title-click.html

Author: LiamConnors

_posts/plotly_js/fundamentals/legends/2025-02-23-legend-title-click.html

@@ -0,0 +1,56 @@
+---
+name: Legend Title Click Behavior
+language: plotly_js
+suite: legends
+order: 12
+sitemap: false
+arrangement: horizontal
+---
+
+var trace1 = {
+  x: [1, 2, 3],
+  y: [2, 1, 3],
+  name: 'Trace 1',
+  type: 'scatter'
+};
+
+var trace2 = {
+  x: [1, 2, 3],
+  y: [1, 3, 2],
+  name: 'Trace 2',
+  type: 'scatter'
+};
+
+var trace3 = {
+  x: [1, 2, 3],
+  y: [3, 2, 1],
+  name: 'Trace 3',
+  legend: 'legend2',
+  type: 'scatter'
+};
+
+var trace4 = {
+  x: [1, 2, 3],
+  y: [2, 3, 1],
+  name: 'Trace 4',
+  legend: 'legend2',
+  type: 'scatter'
+};
+
+var data = [trace1, trace2, trace3, trace4];
+
+var layout = {
+  legend: {
+    title: {text: 'First Legend'},
+    titleclick: 'toggleothers',
+    titledoubleclick: 'toggle'
+  },
+  legend2: {
+    title: {text: 'Second Legend'},
+    titleclick: 'toggleothers',
+    titledoubleclick: 'toggle',
+    y: 0.5
+  }
+};
+
+Plotly.newPlot('myDiv', data, layout);