Skip to content

Supported Visualizations

ChartFactor supports several types of widgets and visualizations that can be used for different purposes. Many of the current supported visuals use the Echarts visualization library.

Visualizations are divided in modules according to their function. This means that in order to use a specific visualization, we need to include the library first. There are 4 libraries:

  1. Standard (cft-standard-charts.min.js)
  2. Tables (cft-tables-charts.min.js)
  3. Interactive (cft-interactive-charts.min.js)
  4. Networks (cft-network-charts.min.js)

Please check your license for the visualization modules you have available. Support to create your own visualization modules is provided with the Enterprise license.

The way to tell ChartFactor what type of visualization to use is through the .graph(“Widget Name”) function or through its shortcut if available. We can check if a given visualization is included by using cf.getSupportedVisualizations().

The following table shows the current supported widgets:

Widget Name Module Shortcut Type Data configuration
Bars Standard .bars() canvas Attrs: 1+ Metr: 1+
Multimetric Bars Standard none canvas Attrs: 1 Metr: 1+
Donut Standard .donut() canvas Attrs: 1 Metr: 1+
Pie Standard .pie() canvas Attrs: 1 Metr: 1+
Tree Map 2D Standard .treemap() canvas Attrs: 1 Metr: 1+
Scatter Plot Standard .scatter() canvas Attrs: 1 Metr: 3
Radar Standard .radar() canvas Attrs: 1 Metr: 2+
Trend Standard .trend() canvas Attrs: 1 Metr: 1+ TimeAttrs: 1
Multimetric Trend Standard none canvas Metr: 1+ TimeAttrs: 1
Bars and Line Standard .barsline() canvas Attrs: 1 Metr: 2+
Area Line Standard .arealine() canvas Attrs: 1 Metr: 1+ TimeAttrs: 1
Multimetric Area Line Standard none canvas Metr: 1+ TimeAttrs: 1
Disk Standard .disk() canvas Attrs: 1 Metr: 1+
Time Range Filter Standard none canvas TimeAttrs: 1 Metr: 1
Time Range Picker Interact. none html/css TimeAttrs: 1
Raw Data Table Tables .rdt() html/css Any field
Slicer Tables .slicer() html/css Attrs: 1 Metr: 1+
Network Networks none canvas Attrs: 2+
Vector Map Standard none canvas Attrs: 1 Metr: 1+
KPI Standard none html Metr: 1 or 2
Gauge Standard none canvas Metr: Up to 3
Heat Map Standard none canvas Attrs: 2 Metr: 1+
Sunburst Standard none canvas Attrs: 2+ Metr: 1+
Word Cloud Standard none canvas Attrs: 1 Metr: 1+
Filter Control Interact. .fc() html None
Range Filter Interact. none html Metr: 1+
Text Search Interact. none html None
Box Plot Standard none canvas Attrs: 1 Metr: 1
Packed Bubbles Standard none canvas Attrs: 1 Metr: 1
Floating Bubbles Standard none canvas Attrs: 1 Metr: 1
Histogram Standard none canvas Metr: 1
Pivot Table Tables .pivot() html Rows: 1+ Metr: 1 +