Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

frankcarley
New Contributor II

Help Getting Started with Interactive Images

Hi Everyone,

I'm pretty new to QlikSense but really impressed by it's capability so far. I was hoping someone could help me getting started with interactive images or let me know if what I'm planning is even possible. Attached is a Store Layout which I was hoping to make interactive. What I'm planning is to have a Sheet with this the store layout on the left hand side and on the right hand side have a bar chart with Sales. The Bar Chart would then be in the format of a Drill down master object. Once Aisle 1 is selected in the image this would filter data for Aisle 1 on the bar chart. The user could then drill down in to the different categories comprising Aisle 1. Really appreciate being pointed in the right direction on this one.

Thanks,

Frank

1 Solution

Accepted Solutions
frankcarley
New Contributor II

Re: Help Getting Started with Interactive Images

As mentioned in my last post I investigated using Qlik Branch to resolve my issue.

These were the steps I followed:

- I downloaded InkScape & loaded my jpeg of the floor plan.

- Made a Bitmap copy of the image (ctrl B).

- I deleted the original image and then on the Bitmap I got an outline of the image using View/Display/Outline.

- Next step was using Trace Bitmap which is located under path.

- I was then able to save my file in the SVG format

- I manually drew the shapes for the aisles in Inkscape.

- Once I drew a shape I right clicked on the Shape and opened Object Properties where I named the ID as per the Relevant Aisle

- Once all the shapes were drawn I loaded the SVG image in to the package which I had downloaded from Qlik Branch "QlikSense SVG Reader"

-  I was then able to create an interactive image on the left hand side and on the right side I created a drill down Bar Chart where I had linked my ID at the first level.

All seems to be working nicely. Only issue I encountered is not being able to remove arrows in the top corners which allow you to change the rotation of the map but pretty happy overall.

Any questions let me know.

4 Replies
rittermd
Honored Contributor

Re: Help Getting Started with Interactive Images

You will not be able to do this out of the box.  You would need to create a mashup and or use the API.  I unfortunately have not had the opportunity to do something like this yet.  But there are examples out there so that you can see what can be done.

frankcarley
New Contributor II

Re: Help Getting Started with Interactive Images

Thanks for the response Mark. I thought that might be the case regarding not being available out of the box.. Will take a look in to the API and hopefully find a relevant example. If anyone has any relevant sources please share.

Thanks

frankcarley
New Contributor II

Re: Help Getting Started with Interactive Images

For those interested, I've come across the following resource which looks like a strong contender:

Qlik Branch

It's called the Qlik Sense svgReader Extension. Looks like I will have to save the floor plan as an SVG using InkScape where I will need to draw the shapes but if I can map the ID to the Shapes eg 1 as Aisle 1 I should hopefully be able to assign data to it in Qlik and potentially even use it to filter the data as per my original plan.

Will update the post to let people know how it's going for reference.

frankcarley
New Contributor II

Re: Help Getting Started with Interactive Images

As mentioned in my last post I investigated using Qlik Branch to resolve my issue.

These were the steps I followed:

- I downloaded InkScape & loaded my jpeg of the floor plan.

- Made a Bitmap copy of the image (ctrl B).

- I deleted the original image and then on the Bitmap I got an outline of the image using View/Display/Outline.

- Next step was using Trace Bitmap which is located under path.

- I was then able to save my file in the SVG format

- I manually drew the shapes for the aisles in Inkscape.

- Once I drew a shape I right clicked on the Shape and opened Object Properties where I named the ID as per the Relevant Aisle

- Once all the shapes were drawn I loaded the SVG image in to the package which I had downloaded from Qlik Branch "QlikSense SVG Reader"

-  I was then able to create an interactive image on the left hand side and on the right side I created a drill down Bar Chart where I had linked my ID at the first level.

All seems to be working nicely. Only issue I encountered is not being able to remove arrows in the top corners which allow you to change the rotation of the map but pretty happy overall.

Any questions let me know.