diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/package.json b/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/package.json index 335bbc0c5482..0edf0330a551 100644 --- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/package.json +++ b/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/package.json @@ -35,6 +35,7 @@ "peerDependencies": { "@superset-ui/chart": "^0.13.0", "@superset-ui/color": "^0.13.0", + "@superset-ui/control-utils": "^0.13.9", "@superset-ui/number-format": "^0.13.0", "@superset-ui/translation": "^0.13.0" } diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/controlPanel.js b/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/controlPanel.js new file mode 100644 index 000000000000..2bbf5f589ba5 --- /dev/null +++ b/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/controlPanel.js @@ -0,0 +1,69 @@ +/** + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + */ +import { t } from '@superset-ui/translation'; +import { D3_FORMAT_OPTIONS, D3_FORMAT_DOCS } from '@superset-ui/control-utils'; + +export default { + controlPanelSections: [ + { + label: t('Query'), + expanded: true, + controlSetRows: [['metrics'], ['adhoc_filters'], ['groupby'], ['row_limit']], + }, + { + label: t('Chart Options'), + expanded: true, + controlSetRows: [ + ['color_scheme', 'label_colors'], + [ + { + name: 'treemap_ratio', + config: { + type: 'TextControl', + label: t('Ratio'), + renderTrigger: true, + isFloat: true, + default: 0.5 * (1 + Math.sqrt(5)), // d3 default, golden ratio + description: t('Target aspect ratio for treemap tiles.'), + }, + }, + ], + [ + { + name: 'number_format', + config: { + type: 'SelectControl', + freeForm: true, + label: t('Number format'), + renderTrigger: true, + default: 'SMART_NUMBER', + choices: D3_FORMAT_OPTIONS, + description: D3_FORMAT_DOCS, + }, + }, + ], + ], + }, + ], + controlOverrides: { + color_scheme: { + renderTrigger: false, + }, + }, +}; diff --git a/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/index.js b/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/index.js index efc37813d40d..2f881bbc978d 100644 --- a/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/index.js +++ b/superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/index.js @@ -20,6 +20,7 @@ import { t } from '@superset-ui/translation'; import { ChartMetadata, ChartPlugin } from '@superset-ui/chart'; import transformProps from './transformProps'; import thumbnail from './images/thumbnail.png'; +import controlPanel from './controlPanel'; const metadata = new ChartMetadata({ credits: ['https://bl.ocks.org/mbostock/911ad09bdead40ec0061'], @@ -35,6 +36,7 @@ export default class TreemapChartPlugin extends ChartPlugin { loadChart: () => import('./ReactTreemap.js'), metadata, transformProps, + controlPanel, }); } }