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 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


# 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"


# 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
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 Api Updates
Company
Contact License Admin
Information
Terms of Use Privacy policy References
⇧