This realease adds optional responsive features to the following charts:
- VueUiCandlestick
- VueUiAgePyramid
To activate this feature:
-
The chart must be placed inside a parent container that has fixed dimensions, or a resizable container. If no dimensions are provided, the chart will grow to infinity.
-
Set the config.responsive attribute to true:
const config = ref({
responsive: true,
...
})We are planning to rollout this feature to other charts in the future, check out the current roll out state here.
This release also improves the design of VueUiGauge, more consistent with VueUiDonut's appearance.
We got rid of the circles around data markers, therefore the following config attributes are now obsolete:
config.style.chart.layout.markers.size
config.style.chart.layout.markers.stroke
config.style.chart.layout.markers.strokeWidth
config.style.chart.layout.markers.backgroundColor