Qdt-components & Picasso.js - More Charts!

[Yianni_Ververis]

We have been adding more features to our qdt-components and some of these, are the latest Picasso.js charts.

Here are the charts that we have so far.

Also you can interact with them live on our react template, https://webapps.qlik.com/qdt-components/react/index.html

1. You can Embed any object from Qlik Sense and the Capability API
2. You can create any custom Session object by defining your own definition properties like dimension, measures, title, subtitle, color, order etc
   
3. There is a custom Selection Toolbar that we use extensively in our mashups
   
4. A Picasso Horizontal bar that detects the height of the div. Once The bars exceed that, it adds a scrollbar. It also features multiple selections and tooltip
   
5. The same idea but with vertical bars
   
6. A new Picasso Pie Chart with Legend, multiple selections and tooltip
   
7. A new Scotterplot with multiple selections, tooltip and legend
   
8. And now the latest addition, scotterplot with custom images
   
9. A simple line chart
   

10. Combo chart

More are coming soon with this amazing library!!!!

Yianni

[ananyaghosh]

This library will by default be added with Qlik Sense installation? or it will be available through an extension?

Thank,

Sandip Ghosh

[Yianni_Ververis]

Hello Sandip,

No this library is for mashups only. Eventually we will make it work as an extension too, but not now.

[Yianni_Ververis]

Added a combo chart

[Yianni_Ververis]

Examples in React

https://webapps.qlik.com/qdt-components/react/index.html

and in Angular 6

https://webapps.qlik.com/qdt-components/angular/index.html

[ananyaghosh]

hi,

It is great work. But it would be good if we can change the Font Styling of Chart Title, Axix Text(both Dimension and expression ) and need to show the tool tips on hovering on chart lines.

Thanks,

Sandip

[Yianni_Ververis]

v1.1.51

Added Picasso Stacked Barchart

In React

https://webapps.qlik.com/qdt-components/react/index.html#/stacked-barchart

In Angular 6

https://webapps.qlik.com/qdt-components/angular/index.html#/picasso-stacked-barchart

[Yianni_Ververis]

And now available for Vue.js

Live examples
https://webapps.qlik.com/qdt-components/vue/index.html

Git Repo:

https://github.com/qlik-demo-team/qdt-vue-template

[Anonymous]

@jvs

Qlik Core doesn't have qlik.js and  qlik-style.css but Qdt-components refers qlik.js and qlik-style.css when we connect to qlik-core.

How to get rid of this situation to resolve those file not found issue.

[Yianni_Ververis]

You just set the VizApi to false

[jeffersonshibuya]

Hi @Yianni_Ververis 

the stacked barchart tooltip is showing the sum values, instead of the current values for that dimension.  (https://qdt-apps.qlik.com/qdt-components/react/#/stacked-barchart) 

Do you know if there is a way to around this and show the values belongs to each dimension?

Thanks,