Improve the chart type of Visualize in sqllab (#3241)

* Improve the chart type of Visualize in sqllab & Add some css & Fix the link address in the navbar

* add vizTypes filter
This commit is contained in:
eeve 2017-08-10 00:12:21 +08:00 committed by Maxime Beauchemin
parent cc36428260
commit 033ba2cb66
4 changed files with 36 additions and 8 deletions

View File

@ -13,13 +13,18 @@ import { getExploreUrl } from '../../explore/exploreUtils';
import * as actions from '../actions';
import { VISUALIZE_VALIDATION_ERRORS } from '../constants';
import { QUERY_TIMEOUT_THRESHOLD } from '../../constants';
import visTypes from '../../explore/stores/visTypes';
const CHART_TYPES = [
{ value: 'dist_bar', label: 'Distribution - Bar Chart', requiresTime: false },
{ value: 'pie', label: 'Pie Chart', requiresTime: false },
{ value: 'line', label: 'Time Series - Line Chart', requiresTime: true },
{ value: 'bar', label: 'Time Series - Bar Chart', requiresTime: true },
];
const CHART_TYPES = Object.keys(visTypes)
.filter(typeName => !!visTypes[typeName].showOnExplore)
.map((typeName) => {
const vis = visTypes[typeName];
return {
value: typeName,
label: vis.label,
requiresTime: !!vis.requiresTime,
};
});
const propTypes = {
actions: PropTypes.object.isRequired,

View File

@ -78,6 +78,7 @@ export const sections = {
export const visTypes = {
dist_bar: {
label: 'Distribution - Bar Chart',
showOnExplore: true,
controlPanelSections: [
{
label: 'Chart Options',
@ -108,6 +109,7 @@ export const visTypes = {
pie: {
label: 'Pie Chart',
showOnExplore: true,
controlPanelSections: [
{
label: null,
@ -124,6 +126,7 @@ export const visTypes = {
line: {
label: 'Time Series - Line Chart',
showOnExplore: true,
requiresTime: true,
controlPanelSections: [
sections.NVD3TimeSeries[0],
@ -194,6 +197,7 @@ export const visTypes = {
bar: {
label: 'Time Series - Bar Chart',
showOnExplore: true,
requiresTime: true,
controlPanelSections: [
sections.NVD3TimeSeries[0],

View File

@ -237,3 +237,22 @@ div.widget .slice_container {
.Select-menu-outer {
z-index: 10 !important;
}
/** not found record **/
.panel b {
display: inline-block;
width: 98%;
padding: 2rem;
margin: 0 1% 20px 1%;
background: #f8f8f8;
}
/** table on both sides of the gap **/
.panel .table-responsive{
margin: 0 1%;
}
@media screen and (max-width: 767px) {
.panel .table-responsive{
width: 98%;
}
}

View File

@ -34,12 +34,12 @@
</a>
</li>
<li>
<a href="https://github.com/airbnb/superset" title="Superset's Github">
<a href="https://github.com/apache/incubator-superset" title="Superset's Github">
<i class="fa fa-github"></i> &nbsp;
</a>
</li>
<li>
<a href="http://airbnb.io/superset" title="Documentation">
<a href="https://superset.incubator.apache.org" title="Documentation">
<i class="fa fa-book"></i> &nbsp;
</a>
</li>