Drilldown

[EvilDrW]

SUMMARY

Add a "drilldown" feature to echarts:pie and nvd3:dist_bar. Majority of design taken from apache#14688.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

See video on the PR linked above and https://askstylo.slack.com/files/U028GAL04PP/F02EQEDG7AA/_dev__superset_-_google_chrome_2021-09-18_18-02-05.mp4

TESTING INSTRUCTIONS

Create a pie or bar chart with multiple "group by" or "series" fields which form a coherent hierarchy. Click the "enable drill down" control in the chart setup control panel. On graph refresh, the chart should only show entries from the top level in the hierarchy. Then click one of the resulting series to view the next deeper level in the hierarchy, etc..

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags: DASHBOARD_DRILL_DOWN
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[EvilDrW]

@Alek12313 and @yevgenstylo, please review

[junryan]

can you save the pie chart when buildQuery.js add ' ...(drillDown && {
groupby: [DrillDown.getColumn(ownState.drilldown, groupby)],
filters: [...(baseQueryObject.filters || []), ...DrillDown.getFilters(ownState.drilldown, groupby)]
})'
?
when drilldown enabled,it take effect,but i can not save it, the ownstate is undified
superset: tag 1.3.0

[junryan]

when saving the chart ,i reset the drilldown and is work!
eg:
if (drillDown) {
const groupby = formData.groupby;
const ownState = options.ownState?options.ownState:{'drilldown':{'hierarchy':groupby,'filters':[],'currentIdx':0}};
console.log('buildQuery:ownState ',ownState)
console.log('buildQuery:groupby ',groupby)
console.log('buildQuery:DrillDown.getColumn(ownState.drilldown, groupby) ',DrillDown.getColumn(ownState.drilldown, groupby))
queryObject = { ...queryObject,
...(drillDown && {
groupby: [DrillDown.getColumn(ownState.drilldown, groupby)],
filters: [...(baseQueryObject.filters || []), ...DrillDown.getFilters(ownState.drilldown, groupby)]
})
};
}

[EvilDrW]

you are right. working on a fix for that right now.

[EvilDrW]

see askstylo/superset-ui#4