pt/superset
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2024-09-19 20:19:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(plugin-chart-treemap): add control panel (#461)

Browse Source
This commit is contained in:
David Aaron Suddjian 2020-05-07 21:26:06 -07:00 committed by Yongjie Zhao
parent 3102d93283
commit 07dc49366b
3 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/package.json
View File

@ -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"
}

69
superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/controlPanel.js Normal file
View File

@ -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,
},
},
};

2
superset-frontend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-treemap/src/index.js
View File

@ -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,
});
}
}