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": {
|
"peerDependencies": {
|
||||||
"@superset-ui/chart": "^0.13.0",
|
"@superset-ui/chart": "^0.13.0",
|
||||||
"@superset-ui/color": "^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/number-format": "^0.13.0",
|
||||||
"@superset-ui/translation": "^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 { ChartMetadata, ChartPlugin } from '@superset-ui/chart';
|
||||||
import transformProps from './transformProps';
|
import transformProps from './transformProps';
|
||||||
import thumbnail from './images/thumbnail.png';
|
import thumbnail from './images/thumbnail.png';
|
||||||
|
import controlPanel from './controlPanel';
|
||||||
|
|
||||||
const metadata = new ChartMetadata({
|
const metadata = new ChartMetadata({
|
||||||
credits: ['https://bl.ocks.org/mbostock/911ad09bdead40ec0061'],
|
credits: ['https://bl.ocks.org/mbostock/911ad09bdead40ec0061'],
|
||||||
@ -35,6 +36,7 @@ export default class TreemapChartPlugin extends ChartPlugin {
|
|||||||
loadChart: () => import('./ReactTreemap.js'),
|
loadChart: () => import('./ReactTreemap.js'),
|
||||||
metadata,
|
metadata,
|
||||||
transformProps,
|
transformProps,
|
||||||
|
controlPanel,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user