feat(legacy-time-table): add time table to storybook (#680)

* add chart info and update package

* add data

* add more data?

* remove consoles

* remove console
This commit is contained in:
Phillip Kelley-Dotson 2020-07-13 12:10:57 -07:00 committed by Yongjie Zhao
parent 5ff6c30ff1
commit 4b6aa112ba
4 changed files with 289 additions and 4 deletions

View File

@ -52,11 +52,11 @@ module.exports = {
// Let webpack know where to find the source code
Object.assign(config.resolve.alias, {
...packages.reduce(
(acc, name) => ({
...acc,
[`@superset-ui/${name}$`]: path.join(basePath, name, 'src'),
(acc, name) => ({
...acc,
[`@superset-ui/${name}$`]: path.join(basePath, name, 'src'),
}),
{},
{}
),
});

View File

@ -59,6 +59,7 @@
"@superset-ui/legacy-plugin-chart-sankey": "0.14.9",
"@superset-ui/legacy-plugin-chart-sankey-loop": "0.14.9",
"@superset-ui/legacy-plugin-chart-sunburst": "0.14.9",
"@superset-ui/legacy-plugin-chart-time-table": "^0.14.9",
"@superset-ui/legacy-plugin-chart-treemap": "0.14.9",
"@superset-ui/legacy-plugin-chart-word-cloud": "^0.11.15",
"@superset-ui/legacy-plugin-chart-world-map": "0.14.9",

View File

@ -0,0 +1,54 @@
/* eslint-disable no-magic-numbers */
import React from 'react';
import { SuperChart } from '@superset-ui/chart';
import TimeTableChartPlugin from '@superset-ui/legacy-plugin-chart-time-table';
import data from './data';
new TimeTableChartPlugin().configure({ key: 'time-table' }).register();
export default {
title: 'Legacy Chart Plugins|legacy-plugin-chart-time-table',
};
export const basic = () => (
<SuperChart
chartType="time-table"
width={400}
height={400}
queryData={{
data: {
columns: [
'East Asia & Pacific',
'Latin America & Caribbean',
'Middle East & North Africa',
'Sub-Saharan Africa',
],
records: data,
},
}}
formData={{
adhocFilters: [],
groupby: ['region'],
columnCollection: [
{
bounds: [null, null],
colType: 'spark',
comparisonType: '',
d3format: '',
dateFormat: '',
height: '',
key: '0vFMepUDf',
label: 'Time Series Columns',
showYAxis: false,
timeLag: 0,
timeRatio: '',
tooltip: '',
width: '',
yAxisBounds: [null, null],
},
],
queryFields: { metrics: 'metrics', groupby: 'groupby' },
vizType: 'time-table',
}}
/>
);

View File

@ -0,0 +1,230 @@
/**
* 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.
*/
export default {
'1980-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 88,
'Sub-Saharan Africa': 92,
},
'1981-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 98,
'Middle East & North Africa': 80,
'Sub-Saharan Africa': 96,
},
'1982-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 89,
'Sub-Saharan Africa': 94,
},
'1983-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 88,
'Sub-Saharan Africa': 98,
},
'1984-01-01 00:00:00': {
'East Asia & Pacific': 97,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 91,
'Sub-Saharan Africa': 98,
},
'1985-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 94,
'Sub-Saharan Africa': 97,
},
'1986-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 98,
'Sub-Saharan Africa': 99,
},
'1987-01-01 00:00:00': {
'East Asia & Pacific': 98,
'Latin America & Caribbean': 98,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1988-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 98,
'Sub-Saharan Africa': 99,
},
'1989-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 98,
'Sub-Saharan Africa': 99,
},
'1990-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1991-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 98,
'Sub-Saharan Africa': 99,
},
'1992-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1993-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1994-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1995-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1996-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 98,
'Sub-Saharan Africa': 99,
},
'1997-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1998-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'1999-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2000-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2001-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2002-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2003-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2004-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2005-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2006-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2007-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2008-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2009-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2010-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2011-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2012-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2013-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
'2014-01-01 00:00:00': {
'East Asia & Pacific': 99,
'Latin America & Caribbean': 99,
'Middle East & North Africa': 99,
'Sub-Saharan Africa': 99,
},
};