3D Attributes Animations and Visualization Transitions Area Graphs Aspect Ratio, Space and Width Axis Bar Graphs Bin Plots Bins 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 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 Table/Filter Data Time Series Data Transformation Data UI Widgets Debug Decorations Dendrograms Density Plots Dotplot Graphs Dumbbell Graphs Effect 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 Motion Charts 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 Remote Procedures Ridgeline Plots Samples Sankey Diagrams Scatter Plot Matrix Scatter Plots 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 X-Axis Y-Axis Z-Axis Zooming, Panning and Resizing cxplot

Aspect Ratio, Space and Width : Properties used to adjust the aspect ratio, space and width in most visualizations

# adjustAspectRatio
Flag to resize graph elements in the plots to fit within the specified canvas width and height. If the flag is set to false the width and height of the canvas will be sized according to the number of elements in the data set
Type: boolean
Default: true
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

adjustAspectRatio : true

adjustAspectRatio : false


# dataPointSize
Approximate pixel size for the data points in scatter plots, dotplots and boxplots. The size will be adjusted according to the dimensions of the graph
Type: integer
Default: 10
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

dataPointSize : 10

dataPointSize : 15


# dataPointSizeScaleFactor
Factor used to adjust the size of the dataPointSize
Type: float
Default: 1
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

dataPointSizeScaleFactor : 1

dataPointSizeScaleFactor : 2


# fixedAspectRatio
Keep fixed aspect ratio expressed as y / x. A zero value is used to ignore otherwise the x and y axes are set accordingly. This has a use only in visium plots
Type: float
Default:
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

# percentAspectRatioPlotArea
Specifies the minimum unit interval or fraction for the plotting area
Type: float
Default: 0.35
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

percentAspectRatioPlotArea : 0.5

percentAspectRatioPlotArea : 0.85


# setPlotLeft
Set the left dimension of the plotting area to the specified number of pixels, provided the value is greater than zero. This is used to align multiple graphs in a web page
Type: integer
Default:
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

setPlotLeft : 80

setPlotLeft : 110


# setPlotTop
Set the top dimension of the plotting area to the specified number of pixels, provided the value is greater than zero. This is used to align multiple graphs in a web page
Type: integer
Default:
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

setPlotTop : 50

setPlotTop : 80


# setPlotX
Set the x dimension of the plotting area to the specified number of pixels, provided the value is greater than zero. This is used to align multiple graphs in a web page
Type: integer
Default:
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

setPlotX : 100

setPlotX : 200


# setPlotY
Set the y dimension of the plotting area to the specified number of pixels, provided the value is greater than zero. This is used to align multiple graphs in a web page
Type: integer
Default:
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

setPlotY : 200

setPlotY : 300


# variableSpace
Pixels between the data series in one-dimensional plots
Type: integer
Default: 2
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

variableSpace : 2

variableSpace : 5


# widthFactor
Factor to adjust the width of the graph elements in one-dimensional and three-dimensional plots. The greater the number, the wider the elements
Type: integer
Default: 1
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

widthFactor : 1

widthFactor : 2.5


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
⇧