3D Attributes Animations and Visualization Transitions Area Graphs Aspect Ratio, Space and Width Axis Bar Graphs Bin Plots Boxplot Graphs Bubble Graphs Bullet Graphs Chord Graphs Circular Graph Arc Sectors Circular Graph Connections Circular Graph Tracks Circular Graphs Citations or References Clustering Colors Combination Plot Strips Combination Plots Confidence Intervals Context Menu Contours Correlation Graphs DOE Data Data Context Data Customizer Data Faceting Data Filters Data Point Attributes Data Ratio Reference Data Selection Data Sorting Data Table Data Time Series Data Transformation Data UI Widgets Debug Decorations Dendrograms Density Plots Dotplot Graphs Dumbbell Graphs Error Bars Events Fish Graphs Fit Lines Foreground and Background Gantt Charts General General Attributes General One Dimensional Graphs Genome Browser Genome Browser Features Genome Browser Sequences Genome Browser Tracks Gradients Graph Metadata Grey Out HTML Widgets Heatmap Color Indicators Heatmap Graphs Hierarchy Histograms Ideograms Images Kaplan Meier Plots LLM Legends Line Graphs Lines Loess Lollipop Graphs Manhattan Plots Maps Maps Albers Maps Leaflet Maps Orthographic Marginal Text Margins Meter Graphs Missing Data Network Algorithm Parameters Network Cola Algorithm Parameters Network Communities Network Graphs Network Node and Edge Attributes Oncoprint Graphs OptionsWall Charts Overlays Parallel Coordinates Graphs Pie Charts Plot Area Plot Data Type Plot Mode Plot Performance Plot View Plot and Panel Areas Print Quantile Regression Plots R R-Axis Random Ranges Regression Ridgeline Plots Samples Sankey Diagrams Scatter Plot Matrix Scatter Plots Scrollbar Shadows Shapes Sizes Stream Plots Swimmer Graphs Tag Cloud Text Text Placement Titles and Subtitles Tooltip Transparency Tree Bracket Treemap Graphs Trees UpSet Plots Variables Venn Diagrams Violin Plots Visium Plots Waterfall Graphs Workflow Charts X-Axis Y-Axis Z-Axis Zooming, Panning and Resizing cxplot

Meter Graphs : General parameters in meter graphs

# meterAlign
Horizontal alignment of the title, value and subtitle text in a card meter.
Type: string
Default: left
Options: left, center
Used in: Meter

meterAlign : "left"

meterAlign : "center"


# meterBackgroundColor
Color for the Meter Background Color
Type: color
Default: rgb(229,229,229)
Used in: Meter

meterBackgroundColor : "rgb(229,229,229)"

meterBackgroundColor : "#FFCDD2"

meterBackgroundColor : "#BBDEFB"


# meterCard
Frame each meter tile in a dashboard-style card (a rounded rectangle with a subtle border) and shrink the dial to fit the title and value text inside it.
Type: boolean
Default: false
Used in: Meter

meterCard : true

meterCard : false


# meterCardBackgroundColor
Color for the Fill color of the dashboard card frame drawn behind each meter tile when meterCard is on (and of the card meterType). When false the frame uses meterBackground (default). Themeable: cxdark and cxblue override it with their own panel background so the card blends into a dark page.
Type: color
Default: false
Used in: Meter

meterCardBackgroundColor : "#ffffff"

meterCardBackgroundColor : "#eeeeee"


# meterCardBorderColor
Color for the Border color of the dashboard card frame drawn behind each meter tile when meterCard is on (and of the card meterType). When false the frame uses xAxisGridMajorColor (default). Themeable: cxdark and cxblue set it to their own panel background so the border blends into a dark page.
Type: color
Default: false
Used in: Meter

meterCardBorderColor : "#cccccc"

meterCardBorderColor : "#000000"


# meterMargin
Gap in pixels between the dashboard meter cards and around them, kept uniform for single meters and grids of meters
Type: integer
Default: 10
Used in: Meter

meterMargin : 10

meterMargin : 25


# meterNeedleColor
Color for the Meter Needle Color
Type: color
Default: rgb(0,0,0)
Used in: Meter

meterNeedleColor : "rgb(0,0,0)"

meterNeedleColor : "#FF0000"

meterNeedleColor : "blue"


# meterProgress
For a ring meter: render a selection-aware progress ring - a greyish full-circle track with a solid accent arc sized to the fraction of records currently selected (via broadcast), and the selected count centered. When no selection is active the ring reads full.
Type: boolean
Default: false
Used in: Meter

meterProgress : true

meterProgress : false


# meterRingTitlePosition
Position of the title for a ring meter: top (centered above the circle) or topLeft (in the top-left corner of the card).
Type: string
Default: top
Options: top, topLeft
Used in: Meter

meterRingTitlePosition : "top"

meterRingTitlePosition : "bottom"


# meterRingValueDigits
For a ring meter: the centered value font is sized to fit this many digits, so rings of the same tile size show the same font regardless of each value's length (a longer value still shrinks to fit). Set to 0 to size each ring to its own value instead.
Type: integer
Default: 6
Used in: Meter

meterRingValueDigits : 3

meterRingValueDigits : 6


# meterThickness
A number between 0.1 and 1 to adjust the thickness of the vertical, horizontal and state meters as a fraction of the available space, so the meter always stays inside the canvas
Type: float
Default: 1
Used in: Meter

meterThickness : 25

meterThickness : 50

meterThickness : 75


# meterTitleAlign
Alignment of the title along the axis for the horizontal and vertical meters (start = left/bottom, end = right/top).
Type: string
Default: center
Options: start, center, end
Used in: Meter

meterTitleAlign : "start"

meterTitleAlign : "center"

meterTitleAlign : "end"


# meterTopology
Topology set up for the meters
Type: string
Default: auto
Options: auto, grid, horizontal, vertical
Used in: Meter

meterTopology : "grid"

meterTopology : "horizontal"

meterTopology : "vertical"


# meterType
Type of meter.
Type: string
Default: gauge
Options: gauge, speedometer, vertical, horizontal, state, digital, number, card, ring
Used in: Meter

meterType : "gauge"

meterType : "speedometer"

meterType : "vertical"


CanvasXpress Logo

CanvasXpress a stand-alone JavaScript Library for Data Analytics. Built for the purpose of reproducible research with a sophisticated and unobtrusive user interface. Full and effortless audit trail of data, configuration and all user interactions in every visualization.

©2025 All Rights Reserved. CanvasXpress®

Documentation
Examples Docs Learn Api Spec Quality Accessibility Updates Changelog
Company
Contact License Governance Support Regulated & GxP Admin
Information
Terms of Use Privacy policy References
⇧