mirror of
https://github.com/apache/superset.git
synced 2024-09-19 20:19:37 -04:00
feat(plugin-chart-treemap): add control panel (#461)
This commit is contained in:
parent
3102d93283
commit
07dc49366b
@ -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"
|
||||
}
|
||||
|
@ -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,
|
||||
},
|
||||
},
|
||||
};
|
@ -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,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user