QdtPicasso.md

Create a chart from the Engine Api

Set of charts created from the Engine Api and Picasso.js.

Properties

prop	type	description
type	String	comboLineBarchart, horizontalBarchart, lineChart, multiLineChart, pie, piechart, scatterplot, verticalBarchart, stackedBarchart, verticalGauge, verticalRangeGauge, rangeArea, verticalGroupBarchart
cols	Array	[dimension, measure]
options	Object	color
prio	String	canvas or svg. If omitted, it defaults to canvas

Html Code

<QdtComponent
  type="QdtPicasso"
  props={{
    type: 'horizontalBarchart', 
    cols: ['Case Owner Group', '=Avg([Case Duration Time])'], 
    outerHeight: 300,
  }}
/>

Horizontal Barchart	Vertical Barchart

Pie Chart	Scatterplot

Line Chart	Multi Line Chart

Stacked barchart	Gauge

Range Area	Vertical Group Barhart

---

Since we have made all elements into individual components, you can create custom charts by mixing components like boxes and lines

Custom Combo Chart	Custom Group Barchart