Skip to main content

uPlot.min.css

uPlot.min.css - Overview

  1. Overview This file provides the core CSS styles for the uPlot charting library, defining the appearance and layout of various chart elements.

  2. Detailed Documentation

The CSS file contains styles for the following elements:

  • .uplot: Base styles for the chart container, including font and box-sizing.
  • .uplot, .uplot *, .uplot *::before, .uplot *::after: Box-sizing definition.
  • .u-title: Styles for the chart title.
  • .u-wrap: Styles for the chart wrapper, mainly for relative positioning.
  • .u-over, .u-under: Styles for overlay and underlay elements, positioning.
  • .u-under: Styles for underlay elements, overflow hidden.
  • .uplot canvas: Styles for the canvas element used for rendering the chart.
  • .u-axis: Styles for the chart axes.
  • .u-legend: Styles for the chart legend.
  • .u-inline: Styles for inline legend display.
  • .u-inline *: Styles for inline legend elements.
  • .u-inline tr: Styles for inline legend table rows.
  • .u-legend th: Styles for legend heading
  • .u-legend th > *: Styles for legend heading children
  • .u-legend .u-marker: Styles for the legend marker.
  • .u-inline.u-live th::after: Styles for the legend live update.
  • .u-inline:not(.u-live) .u-value: Styles for non-live legend values.
  • .u-series > *: Styles for series elements.
  • .u-series th: Styles for series th elements.
  • .u-legend .u-off > *: Styles for hidden series.
  • .u-select: Styles for the selection rectangle.
  • .u-cursor-x, .u-cursor-y: Styles for the cursor lines.
  • .u-hz .u-cursor-x, .u-vt .u-cursor-y: Styles for cursor lines on horizontal and vertical charts.
  • .u-hz .u-cursor-y, .u-vt .u-cursor-x: Styles for cursor lines on horizontal and vertical charts.
  • .u-cursor-pt: Styles for the cursor point.
  • .u-axis.u-off, .u-select.u-off, .u-cursor-x.u-off, .u-cursor-y.u-off, .u-cursor-pt.u-off: Styles for hidden elements.
  1. Code Examples

No code examples are needed for CSS files.

  1. Clarity and Accuracy

The documentation accurately reflects the CSS styles defined in the file.

Include in Getting Started: NO