@patternfly/react-charts/dist/esm/echarts/components/themes/base-theme.js

This library provides a set of React chart components for use with the PatternFly reference implementation.

import chart_echarts_bar_item_style_BarBorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_bar_item_style_BarBorderColor';
import chart_echarts_boxplot_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_boxplot_item_style_BorderWidth';
import chart_echarts_candlestick_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_candlestick_item_style_BorderWidth';
import chart_echarts_datazoom_HandleSize from '@patternfly/react-tokens/dist/esm/chart_echarts_datazoom_HandleSize';
import chart_echarts_funnel_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_funnel_item_style_BorderWidth';
import chart_echarts_gauge_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth';
import chart_echarts_geo_emphasis_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth';
import chart_echarts_geo_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_gauge_item_style_BorderWidth';
import chart_echarts_global_axis_BoundaryGap from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_BoundaryGap';
import chart_echarts_global_axis_axis_label_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_label_Show';
import chart_echarts_global_axis_axis_line_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_line_Show';
import chart_echarts_global_axis_axis_tick_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_axis_tick_Show';
import chart_echarts_global_axis_split_area_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_split_area_Show';
import chart_echarts_global_axis_split_line_Show from '@patternfly/react-tokens/dist/esm/chart_echarts_global_axis_split_line_Show';
import chart_echarts_graph_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_item_style_BorderWidth';
import chart_echarts_graph_line_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_line_style_BorderWidth';
import chart_echarts_graph_Smooth from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_Smooth';
import chart_echarts_graph_Symbol from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_Symbol';
import chart_echarts_graph_SymbolSize from '@patternfly/react-tokens/dist/esm/chart_echarts_graph_SymbolSize';
import chart_echarts_line_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_line_item_style_BorderWidth';
import chart_echarts_line_line_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_line_line_style_BorderWidth';
import chart_echarts_line_Smooth from '@patternfly/react-tokens/dist/esm/chart_echarts_line_Smooth';
import chart_echarts_line_Symbol from '@patternfly/react-tokens/dist/esm/chart_echarts_line_Symbol';
import chart_echarts_line_SymbolSize from '@patternfly/react-tokens/dist/esm/chart_echarts_line_SymbolSize';
import chart_echarts_map_emphasis_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_map_emphasis_item_style_BorderWidth';
import chart_echarts_map_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_map_item_style_BorderWidth';
import chart_echarts_parallel_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_parallel_item_style_BorderWidth';
import chart_echarts_pie_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_pie_item_style_BorderWidth';
import chart_echarts_radar_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_item_style_BorderWidth';
import chart_echarts_radar_line_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_line_style_BorderWidth';
import chart_echarts_radar_Smooth from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_Smooth';
import chart_echarts_radar_Symbol from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_Symbol';
import chart_echarts_radar_SymbolSize from '@patternfly/react-tokens/dist/esm/chart_echarts_radar_SymbolSize';
import chart_echarts_sankey_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_sankey_item_style_BorderWidth';
import chart_echarts_scatter_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_scatter_item_style_BorderWidth';
import chart_echarts_timeline_control_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_control_style_BorderWidth';
import chart_echarts_timeline_emphasis_control_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_emphasis_control_style_BorderWidth';
import chart_echarts_timeline_item_style_BorderWidth from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_item_style_BorderWidth';
import chart_echarts_timeline_line_style_Width from '@patternfly/react-tokens/dist/esm/chart_echarts_timeline_line_style_Width';
import chart_echarts_tooltip_axis_pointer_cross_style_Width from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_cross_style_Width';
import chart_echarts_tooltip_axis_pointer_line_style_Width from '@patternfly/react-tokens/dist/esm/chart_echarts_tooltip_axis_pointer_line_style_Width';
import chart_global_FontFamily from '@patternfly/react-tokens/dist/esm/chart_global_FontFamily';
import chart_global_FontSize_sm from '@patternfly/react-tokens/dist/esm/chart_global_FontSize_sm';
import { getComputedStyleValue } from '../utils/styles';
/**
 * Base theme containing EChart properties only
 *
 * @private Not intended as public API and subject to change
 */
export const BaseTheme = () => {
    const textProps = {
        fontFamily: chart_global_FontFamily.var.replace(/"/g, "'"), // Well-formed XML
        fontSize: chart_global_FontSize_sm.value
    };
    const axisProps = {
        boundaryGap: getComputedStyleValue(chart_echarts_global_axis_BoundaryGap),
        axisLabel: Object.assign(Object.assign({}, textProps), { show: getComputedStyleValue(chart_echarts_global_axis_axis_label_Show) }),
        axisLine: {
            lineStyle: {},
            show: getComputedStyleValue(chart_echarts_global_axis_axis_line_Show)
        },
        axisTick: {
            lineStyle: {},
            show: getComputedStyleValue(chart_echarts_global_axis_axis_tick_Show)
        },
        splitArea: {
            areaStyle: {},
            show: getComputedStyleValue(chart_echarts_global_axis_split_area_Show)
        },
        splitLine: {
            lineStyle: {},
            show: getComputedStyleValue(chart_echarts_global_axis_split_line_Show) // Grid
        }
    };
    return {
        bar: {
            itemStyle: {
                barBorderWidth: getComputedStyleValue(chart_echarts_bar_item_style_BarBorderWidth)
            }
        },
        boxplot: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_boxplot_item_style_BorderWidth)
            }
        },
        candlestick: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_candlestick_item_style_BorderWidth)
            }
        },
        categoryAxis: Object.assign({}, axisProps),
        dataZoom: {
            handleSize: getComputedStyleValue(chart_echarts_datazoom_HandleSize),
            textStyle: Object.assign({}, textProps)
        },
        funnel: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_funnel_item_style_BorderWidth)
            }
        },
        gauge: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_gauge_item_style_BorderWidth)
            }
        },
        geo: {
            emphasis: {
                itemStyle: {
                    borderWidth: getComputedStyleValue(chart_echarts_geo_emphasis_item_style_BorderWidth)
                },
                label: {}
            },
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_geo_item_style_BorderWidth)
            },
            label: {}
        },
        graph: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_graph_item_style_BorderWidth)
            },
            label: {},
            lineStyle: {
                width: getComputedStyleValue(chart_echarts_graph_line_style_BorderWidth)
            },
            smooth: getComputedStyleValue(chart_echarts_graph_Smooth),
            symbolSize: getComputedStyleValue(chart_echarts_graph_SymbolSize),
            symbol: getComputedStyleValue(chart_echarts_graph_Symbol)
        },
        label: Object.assign({}, textProps),
        legend: {
            textStyle: Object.assign({}, textProps)
        },
        line: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_line_item_style_BorderWidth)
            },
            lineStyle: {
                width: getComputedStyleValue(chart_echarts_line_line_style_BorderWidth)
            },
            smooth: getComputedStyleValue(chart_echarts_line_Smooth),
            symbolSize: getComputedStyleValue(chart_echarts_line_SymbolSize),
            symbol: getComputedStyleValue(chart_echarts_line_Symbol)
        },
        logAxis: Object.assign({}, axisProps),
        map: {
            emphasis: {
                itemStyle: {
                    borderWidth: getComputedStyleValue(chart_echarts_map_emphasis_item_style_BorderWidth)
                },
                label: {}
            },
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_map_item_style_BorderWidth)
            },
            label: {
                label: {}
            }
        },
        markPoint: {
            emphasis: {
                label: {}
            },
            label: {}
        },
        parallel: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_parallel_item_style_BorderWidth)
            }
        },
        pie: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_pie_item_style_BorderWidth)
            }
        },
        radar: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_radar_item_style_BorderWidth)
            },
            lineStyle: {
                width: getComputedStyleValue(chart_echarts_radar_line_style_BorderWidth)
            },
            smooth: getComputedStyleValue(chart_echarts_radar_Smooth),
            symbolSize: getComputedStyleValue(chart_echarts_radar_SymbolSize),
            symbol: getComputedStyleValue(chart_echarts_radar_Symbol)
        },
        sankey: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_sankey_item_style_BorderWidth)
            }
        },
        scatter: {
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_scatter_item_style_BorderWidth)
            }
        },
        textStyle: Object.assign({}, textProps),
        timeAxis: Object.assign({}, axisProps),
        timeline: {
            emphasis: {
                controlStyle: {
                    borderWidth: getComputedStyleValue(chart_echarts_timeline_emphasis_control_style_BorderWidth)
                },
                itemStyle: {},
                label: {}
            },
            checkpointStyle: {},
            controlStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_timeline_control_style_BorderWidth)
            },
            itemStyle: {
                borderWidth: getComputedStyleValue(chart_echarts_timeline_item_style_BorderWidth)
            },
            label: {},
            lineStyle: {
                width: getComputedStyleValue(chart_echarts_timeline_line_style_Width)
            }
        },
        title: {
            subtextStyle: Object.assign({}, textProps),
            textStyle: Object.assign({}, textProps)
        },
        toolbox: {
            emphasis: {
                iconStyle: {}
            },
            iconStyle: {}
        },
        tooltip: {
            axisPointer: {
                crossStyle: {
                    width: getComputedStyleValue(chart_echarts_tooltip_axis_pointer_cross_style_Width)
                },
                lineStyle: {
                    width: getComputedStyleValue(chart_echarts_tooltip_axis_pointer_line_style_Width)
                }
            }
        },
        valueAxis: Object.assign({}, axisProps),
        visualMap: {}
    };
};
//# sourceMappingURL=base-theme.js.map