DrillDown in Custom Visual

[Anonymous]

Hi

Can anyone explain me how drilldown works? How do I use "Click to turn on drilldown" capapbility on drilldown to next level on click of visual element?

Thanks!

[TedPattison]

The idea of drilldown in a visual such as the Column Chart in centered around the idea of a hierchy. Therefore you need to add a hierarchy to field Axid feild well. You don't have to actually create a heirarchy though. If you add two or more fields from the same table into the Axis well with a parent child relationship (e.g. state>city>zip), you can get drill down working.

[Anonymous]

Thanks @TedPattison! Yes I was successful in doing so and visual is workling as expected. Also wanted to understand if API allows us to understand if "Element Drilldown" capability is enabled or disbled? I need to alter my visual based on that.

[TedPattison]

OK, I solved the first part of the mystery. I started looking into this and I found that capabilities.json supports a top-level drilldown property. I experiemented by adding the drilldown property to a custom visual I am writing today.

Once I added the drilldown property and associated with a specific data role, I add two fields into the well for the myCategory role and I can see those familiar drilldown buttons showing up.

What's cool is that the drilldown buttons on the left work automatically. However, the button on the right does not work automatically. I suspect that the last part of the mystery is figuring out how the visuals API has you attach your code to an event handler so you can respond to the user drilling down on a D3 shape such as a bar or a bubble.

[nikitagrachev]

  API 1.6.3 doesn't provide full support of 'drilldown' feature.

I recommend you to wait until this feature will be fully supported.

We'll update the documentation and open source code for new version of MekkoChart which uses drilldown.

[Anonymous]

@nikitagrachev Any ETA for this?

[nikitagrachev]

Hello @Anonymous,

 Drilldown feature is expected to be released this summer.