plotly · jqnatividad · Jul 11, 2026 · Jul 11, 2026 · Jul 11, 2026 · Jul 11, 2026
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,10 +14,18 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) a
 - [[#414](https://github.com/plotly/plotly.rs/issues/414)] Add `DensityMap` (MapLibre `map` subplot) trace type — density heatmaps with full color-scale and hover support
 - [[#417](https://github.com/plotly/plotly.rs/issues/417)] Add `ScatterMap` (MapLibre `map` subplot) trace type — the modern counterpart to `ScatterMapbox`
 - [[#418](https://github.com/plotly/plotly.rs/issues/418)] Add native point clustering to `ScatterMap` via a `Cluster` option
+- [[#421](https://github.com/plotly/plotly.rs/pull/421)] Backfill common trace attributes on the older trace types for plotly.js 3.7 parity:
+  - `legendrank`, `legendwidth`, `uirevision` on `Scatter`, `Bar`, `BoxPlot`, `Violin`, `Histogram`, `HeatMap`, `Contour`, `Candlestick`, `Ohlc`, `Scatter3D`, `Surface`, `ScatterPolar`, `Sunburst`, `Treemap`, `Table`; `offsetgroup`/`alignmentgroup` on `Scatter`
+  - `selected`/`unselected`/`selectedpoints` on `Scatter`, `Bar`, `BoxPlot`, `Histogram` (`selectedpoints` only on `Candlestick`, `Ohlc`)
+  - `zorder` on `Scatter`, `Bar`, `BoxPlot`, `Histogram`, `HeatMap`, `Contour`, `Candlestick`, `Ohlc`
+  - date-axis period positioning (`xperiod`/`xperiod0`/`xperiodalignment` and the `y` variants) on `Scatter`, `Bar`, `BoxPlot`, `HeatMap`, `Contour` (x-only on `Candlestick`, `Ohlc`), via a new `PeriodAlignment` enum
+  - `fillpattern` (reusing `Pattern`) and `fillgradient` (new `FillGradient` struct) on `Scatter`
+  - Consolidate the duplicated `Selection`/`SelectionMarker` structs into `common` (re-exported from their original modules for backward compatibility)
 
 ### Changed
 
 - [[#406](https://github.com/plotly/plotly.rs/issues/406)] Upgrade bundled plotly.js from 3.0.1 to 3.6.0
+- [[#419](https://github.com/plotly/plotly.rs/issues/419)] Upgrade bundled plotly.js from 3.6.0 to 3.7.0
 
 ## [0.14.1] - 2026-02-15
 

diff --git a/docs/book/plotly.min.js b/docs/book/plotly.min.js
diff --git a/docs/book/theme/header.hbs b/docs/book/theme/header.hbs
@@ -1 +1 @@
-<script src="https://cdn.plot.ly/plotly-3.6.0.min.js"></script>
+<script src="https://cdn.plot.ly/plotly-3.7.0.min.js"></script>
diff --git a/examples/customization/multiple_plots_example/src/main.rs b/examples/customization/multiple_plots_example/src/main.rs
@@ -12,7 +12,7 @@ use plotly::{
 fn main() {
     let html: String = HtmlPage::new()
         .with_title("Plotly-rs Multiple Plots")
-        .with_script_link("https://cdn.plot.ly/plotly-latest.min.js")
+        .with_script_link("https://cdn.plot.ly/plotly-3.7.0.min.js")
         .with_header(1, "Multiple Plotly plots on the same HTML page")
         .with_raw(first_plot())
         .with_raw(second_plot())

diff --git a/examples/wasm-yew/basic/index.html b/examples/wasm-yew/basic/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <title>Plotly Yew</title>
-    <script src="https://cdn.plot.ly/plotly-2.14.0.min.js"></script>
+    <script src="https://cdn.plot.ly/plotly-3.7.0.min.js"></script>
 </head>
 
 <body></body>

diff --git a/examples/wasm-yew/callback-example/index.html b/examples/wasm-yew/callback-example/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <title>Plotly Yew</title>
-    <script src="https://cdn.plot.ly/plotly-2.14.0.min.js"></script>
+    <script src="https://cdn.plot.ly/plotly-3.7.0.min.js"></script>
 </head>
 
 <body></body>

diff --git a/plotly/resource/plotly.min.js b/plotly/resource/plotly.min.js
diff --git a/plotly/src/common/mod.rs b/plotly/src/common/mod.rs
@@ -645,6 +645,101 @@ impl Gradient {
     }
 }
 
+/// Styles the marker of `selected`/`unselected` points, used by the
+/// `selected` and `unselected` attributes of point-marker traces.
+#[serde_with::skip_serializing_none]
+#[derive(Serialize, Clone, Debug, Default)]
+pub struct SelectionMarker {
+    color: Option<Box<dyn Color>>,
+    opacity: Option<f64>,
+    size: Option<Dim<usize>>,
+}
+
+/// Sets the style of `selected`/`unselected` points.
+#[derive(Serialize, Clone, Debug, Default)]
+pub struct Selection {
+    marker: SelectionMarker,
+}
+
+impl Selection {
+    pub fn new() -> Self {
+        Default::default()
+    }
+
+    /// Sets the marker color of un/selected points.
+    pub fn color<C: Color>(mut self, color: C) -> Self {
+        self.marker.color = Some(Box::new(color));
+        self
+    }
+
+    /// Sets the marker opacity of un/selected points.
+    pub fn opacity(mut self, opacity: f64) -> Self {
+        self.marker.opacity = Some(opacity);
+        self
+    }
+
+    /// Sets the marker size of un/selected points.
+    pub fn size(mut self, size: usize) -> Self {
+        self.marker.size = Some(Dim::Scalar(size));
+        self
+    }
+}
+
+/// Alignment of the period on a date axis, controlling where within each
+/// period the point is drawn (used by the `xperiodalignment` /
+/// `yperiodalignment` trace attributes).
+#[derive(Serialize, Clone, Debug)]
+#[serde(rename_all = "lowercase")]
+pub enum PeriodAlignment {
+    Start,
+    Middle,
+    End,
+}
+
+/// Sets a fill gradient for a scatter trace's filled area, as an alternative to
+/// a solid `fill_color`.
+#[serde_with::skip_serializing_none]
+#[derive(Serialize, Clone, Debug, Default)]
+pub struct FillGradient {
+    #[serde(rename = "type")]
+    r#type: Option<GradientType>,
+    start: Option<f64>,
+    stop: Option<f64>,
+    #[serde(rename = "colorscale")]
+    color_scale: Option<ColorScale>,
+}
+
+impl FillGradient {
+    pub fn new() -> Self {
+        Default::default()
+    }
+
+    /// Sets the direction of the gradient (`radial`, `horizontal`, `vertical`).
+    pub fn type_(mut self, gradient_type: GradientType) -> Self {
+        self.r#type = Some(gradient_type);
+        self
+    }
+
+    /// Sets the gradient start value (in the units of the axis the gradient is
+    /// aligned with).
+    pub fn start(mut self, start: f64) -> Self {
+        self.start = Some(start);
+        self
+    }
+
+    /// Sets the gradient stop value.
+    pub fn stop(mut self, stop: f64) -> Self {
+        self.stop = Some(stop);
+        self
+    }
+
+    /// Sets the color scale used across the gradient.
+    pub fn color_scale(mut self, color_scale: ColorScale) -> Self {
+        self.color_scale = Some(color_scale);
+        self
+    }
+}
+
 #[serde_with::skip_serializing_none]
 #[derive(Serialize, Clone, Debug, FieldSetter)]
 pub struct TickFormatStop {

diff --git a/plotly/src/plot.rs b/plotly/src/plot.rs
@@ -757,7 +757,7 @@ impl Plot {
     /// This function provides HTML script tags that load JavaScript libraries
     /// from external CDN sources, requiring an internet connection to
     /// function. The referenced sources include:
-    /// - Plotly.js library from CDN (version 3.6.0)
+    /// - Plotly.js library from CDN (version 3.7.0)
     /// - MathJax tex-svg from jsDelivr CDN (version 3.2.2)
     ///
     /// This is the default behavior when the `plotly_embed_js` feature is
@@ -767,7 +767,7 @@ impl Plot {
         // Note that since 'tex-mml-chtml' conflicts with 'tex-svg' when generating
         // Latex Titles we no longer include it.
         r##"<script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-svg.js"></script>
-        <script src="https://cdn.plot.ly/plotly-3.6.0.min.js"></script>
+        <script src="https://cdn.plot.ly/plotly-3.7.0.min.js"></script>
         "##
         .to_string()
     }

diff --git a/plotly/src/traces/bar.rs b/plotly/src/traces/bar.rs
@@ -6,8 +6,10 @@ use serde::Serialize;
 use crate::{
     common::{
         Calendar, ConstrainText, Dim, ErrorData, Font, HoverInfo, Label, LegendGroupTitle, Marker,
-        Orientation, PlotType, TextAnchor, TextPosition, Visible, XAxisId, YAxisId,
+        Orientation, PeriodAlignment, PlotType, Selection, TextAnchor, TextPosition, Visible,
+        XAxisId, YAxisId,
     },
+    private::{NumOrString, NumOrStringCollection},
     Trace,
 };
 
@@ -105,6 +107,52 @@ where
     x_calendar: Option<Calendar>,
     #[serde(rename = "ycalendar")]
     y_calendar: Option<Calendar>,
+    /// Sets the legend rank for this trace. Items and groups with smaller ranks
+    /// are presented on top/left side while with `"reversed"`
+    /// `legend.trace_order` they are on bottom/right side. The default
+    /// legendrank is 1000.
+    #[serde(rename = "legendrank")]
+    legend_rank: Option<usize>,
+    /// Sets the width (in px or fraction) of the legend for this trace.
+    #[serde(rename = "legendwidth")]
+    legend_width: Option<f64>,
+    /// Controls persistence of user-driven changes to the trace. Defaults to
+    /// `layout.uirevision`.
+    #[serde(rename = "uirevision")]
+    ui_revision: Option<NumOrString>,
+    /// Array of integer indices of the points in this trace that are selected.
+    #[serde(rename = "selectedpoints")]
+    selected_points: Option<NumOrStringCollection>,
+    /// Sets the style of selected points.
+    selected: Option<Selection>,
+    /// Sets the style of unselected points.
+    unselected: Option<Selection>,
+    /// Sets the layer on which this trace is displayed relative to other SVG
+    /// traces on the same subplot. A higher `zorder` appears on top.
+    #[serde(rename = "zorder")]
+    z_order: Option<i32>,
+    /// Only relevant when the corresponding axis `type` is "date". Sets the
+    /// period positioning in milliseconds or "M<n>" on the x axis.
+    #[serde(rename = "xperiod")]
+    x_period: Option<NumOrString>,
+    /// Only relevant when the axis `type` is "date". Sets the base for period
+    /// positioning on the x axis.
+    #[serde(rename = "xperiod0")]
+    x_period0: Option<NumOrString>,
+    /// Sets the alignment of data points on the x axis relative to the period.
+    #[serde(rename = "xperiodalignment")]
+    x_period_alignment: Option<PeriodAlignment>,
+    /// Only relevant when the corresponding axis `type` is "date". Sets the
+    /// period positioning in milliseconds or "M<n>" on the y axis.
+    #[serde(rename = "yperiod")]
+    y_period: Option<NumOrString>,
+    /// Only relevant when the axis `type` is "date". Sets the base for period
+    /// positioning on the y axis.
+    #[serde(rename = "yperiod0")]
+    y_period0: Option<NumOrString>,
+    /// Sets the alignment of data points on the y axis relative to the period.
+    #[serde(rename = "yperiodalignment")]
+    y_period_alignment: Option<PeriodAlignment>,
 }
 
 impl<X, Y> Bar<X, Y>

diff --git a/plotly/src/traces/box_plot.rs b/plotly/src/traces/box_plot.rs
@@ -6,9 +6,10 @@ use serde::{Serialize, Serializer};
 use crate::{
     color::Color,
     common::{
-        Calendar, Dim, HoverInfo, Label, LegendGroupTitle, Line, Marker, Orientation, PlotType,
-        Visible, XAxisId, YAxisId,
+        Calendar, Dim, HoverInfo, Label, LegendGroupTitle, Line, Marker, Orientation,
+        PeriodAlignment, PlotType, Selection, Visible, XAxisId, YAxisId,
     },
+    private::{NumOrString, NumOrStringCollection},
     Trace,
 };
 
@@ -172,6 +173,52 @@ where
     x_calendar: Option<Calendar>,
     #[serde(rename = "ycalendar")]
     y_calendar: Option<Calendar>,
+    /// Sets the legend rank for this trace. Items and groups with smaller ranks
+    /// are presented on top/left side while with `"reversed"`
+    /// `legend.trace_order` they are on bottom/right side. The default
+    /// legendrank is 1000.
+    #[serde(rename = "legendrank")]
+    legend_rank: Option<usize>,
+    /// Sets the width (in px or fraction) of the legend for this trace.
+    #[serde(rename = "legendwidth")]
+    legend_width: Option<f64>,
+    /// Controls persistence of user-driven changes to the trace. Defaults to
+    /// `layout.uirevision`.
+    #[serde(rename = "uirevision")]
+    ui_revision: Option<NumOrString>,
+    /// Array of integer indices of the points in this trace that are selected.
+    #[serde(rename = "selectedpoints")]
+    selected_points: Option<NumOrStringCollection>,
+    /// Sets the style of selected points.
+    selected: Option<Selection>,
+    /// Sets the style of unselected points.
+    unselected: Option<Selection>,
+    /// Sets the layer on which this trace is displayed relative to other SVG
+    /// traces on the same subplot. A higher `zorder` appears on top.
+    #[serde(rename = "zorder")]
+    z_order: Option<i32>,
+    /// Only relevant when the corresponding axis `type` is "date". Sets the
+    /// period positioning in milliseconds or "M<n>" on the x axis.
+    #[serde(rename = "xperiod")]
+    x_period: Option<NumOrString>,
+    /// Only relevant when the axis `type` is "date". Sets the base for period
+    /// positioning on the x axis.
+    #[serde(rename = "xperiod0")]
+    x_period0: Option<NumOrString>,
+    /// Sets the alignment of data points on the x axis relative to the period.
+    #[serde(rename = "xperiodalignment")]
+    x_period_alignment: Option<PeriodAlignment>,
+    /// Only relevant when the corresponding axis `type` is "date". Sets the
+    /// period positioning in milliseconds or "M<n>" on the y axis.
+    #[serde(rename = "yperiod")]
+    y_period: Option<NumOrString>,
+    /// Only relevant when the axis `type` is "date". Sets the base for period
+    /// positioning on the y axis.
+    #[serde(rename = "yperiod0")]
+    y_period0: Option<NumOrString>,
+    /// Sets the alignment of data points on the y axis relative to the period.
+    #[serde(rename = "yperiodalignment")]
+    y_period_alignment: Option<PeriodAlignment>,
 }
 
 impl<Y> BoxPlot<f64, Y>

diff --git a/plotly/src/traces/candlestick.rs b/plotly/src/traces/candlestick.rs
@@ -3,11 +3,12 @@
 use plotly_derive::FieldSetter;
 use serde::Serialize;
 
+use crate::private::{NumOrString, NumOrStringCollection};
 use crate::{
     color::NamedColor,
     common::{
-        Calendar, Dim, Direction, HoverInfo, Label, LegendGroupTitle, Line, PlotType, Visible,
-        XAxisId, YAxisId,
+        Calendar, Dim, Direction, HoverInfo, Label, LegendGroupTitle, Line, PeriodAlignment,
+        PlotType, Visible, XAxisId, YAxisId,
     },
     Trace,
 };
@@ -89,6 +90,37 @@ where
     hover_label: Option<Label>,
     #[serde(rename = "xcalendar")]
     x_calendar: Option<Calendar>,
+    /// Sets the legend rank for this trace. Items and groups with smaller ranks
+    /// are presented on top/left side while with `"reversed"`
+    /// `legend.trace_order` they are on bottom/right side. The default
+    /// legendrank is 1000.
+    #[serde(rename = "legendrank")]
+    legend_rank: Option<usize>,
+    /// Sets the width (in px or fraction) of the legend for this trace.
+    #[serde(rename = "legendwidth")]
+    legend_width: Option<f64>,
+    /// Controls persistence of user-driven changes to the trace. Defaults to
+    /// `layout.uirevision`.
+    #[serde(rename = "uirevision")]
+    ui_revision: Option<NumOrString>,
+    /// Array of integer indices of the points in this trace that are selected.
+    #[serde(rename = "selectedpoints")]
+    selected_points: Option<NumOrStringCollection>,
+    /// Sets the layer on which this trace is displayed relative to other SVG
+    /// traces on the same subplot. A higher `zorder` appears on top.
+    #[serde(rename = "zorder")]
+    z_order: Option<i32>,
+    /// Only relevant when the corresponding axis `type` is "date". Sets the
+    /// period positioning in milliseconds or "M<n>" on the x axis.
+    #[serde(rename = "xperiod")]
+    x_period: Option<NumOrString>,
+    /// Only relevant when the axis `type` is "date". Sets the base for period
+    /// positioning on the x axis.
+    #[serde(rename = "xperiod0")]
+    x_period0: Option<NumOrString>,
+    /// Sets the alignment of data points on the x axis relative to the period.
+    #[serde(rename = "xperiodalignment")]
+    x_period_alignment: Option<PeriodAlignment>,
 }
 
 impl<T, O> Candlestick<T, O>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<script src="https://cdn.plot.ly/plotly-3.6.0.min.js"></script>
		<script src="https://cdn.plot.ly/plotly-3.7.0.min.js"></script>