stream-charts 1.1.0 → 1.1.2

package/README.md

@@ -14,6 +14,8 @@ The following plot types are currently available:
 3. **Bar Plot**: for plotting time-series as bars that show the current value and its minimum, maximum, and mean values for all times and time-windows.
 4. **Poincare Plot**: for plotting function iterates (`f[n](t)` vs `f[n-m](t)`).
 
+> Try it on codesandbox [stream-charts](https://codesandbox.io/p/sandbox/n7c8jm)
+
 `Charts` are composable using react components. So you can add different axis types, multiple axes, trackers, tooltips, and plots. `stream-charts` provides the following react components from which to build your own charts:
 1. The [Chart](#chart-usage) serves as the container, holding the other components as children, and providing the data to the plot.
 2. The [ContinuousAxis](#continuous-axes-usage) and [OrdinalAxis](#ordinal-axes-usage) components define the x- and y-axes, and provide the scales for the axes. Charts are required to have at least one x-axis and one y-axis.

package/changes.md

@@ -1,5 +1,13 @@
 # change history
 
+## version 1.1.2 (continuous x-axes labels not updating on theme change)
+
+Fixed an issue where the labels on the continuous x-axes were not updating when the theme changed.
+
+## version 1.1.1 (code-sandbox example)
+
+Added link to code-sandbox example.
+
 ## version 1.1.0 (bar chart, Poincare chart, refactoring)
 1. Added bar chart
 2. Added Poincare chart

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-charts",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Charts for steaming data",
   "author": "Rob Philipp",
   "homepage": "https://robphilipp.github.io/stream-charts/",

package/src/app/charts/axes/axes.ts

@@ -653,13 +653,13 @@ export function addContinuousNumericXAxis(
     svg
         .append<SVGTextElement>('text')
             .attr('id', labelIdFor(chartId, location))
-            .style('text-anchor', 'middle')
+            .attr('text-anchor', 'middle')
             // when the axis is at the top, want the label to hang from the top (y=0) of the plot
-            .style('dominant-baseline', location === AxisLocation.Top ? "hanging" : "baseline")
-            .style('font-size', axesLabelFont.size)
-            .style('fill', axesLabelFont.color)
-            .style('font-family', axesLabelFont.family)
-            .style('font-weight', axesLabelFont.weight)
+            .attr('dominant-baseline', location === AxisLocation.Top ? "hanging" : "baseline")
+            .attr('font-size', axesLabelFont.size)
+            .attr('fill', axesLabelFont.color)
+            .attr('font-family', axesLabelFont.family)
+            .attr('font-weight', axesLabelFont.weight)
             .attr('transform', `translate(${margin.left + plotDimensions.width / 2}, ${continuousLabelYTranslation(location, plotDimensions, margin)})`)
         .text(axisLabel)