@carbon/charts 1.7.6 → 1.9.0-next.0

package/interfaces/charts.d.ts

@@ -1,485 +0,0 @@
-import { GaugeTypes, Statuses, ArrowDirections, Alignments, ChartTypes, TreeTypes, DividerStatus, ColorLegendType, ChartTheme } from './enums';
-import { LegendOptions, TooltipOptions, GridOptions, AxesOptions, ZoomBarsOptions } from './index';
-import { BarOptions, StackedBarOptions, ToolbarOptions } from './components';
-import { AxisOptions, BinnedAxisOptions, ComboChartAxisOptions, TimeScaleOptions } from './axis-scales';
-/**
- * Base chart options common to any chart
- */
-export interface BaseChartOptions {
-    /**
-     * Optionally specify a title for the chart
-     */
-    title?: string;
-    /**
-     * boolean to disable animations (enabled by default)
-     */
-    animations?: boolean;
-    /**
-     * boolean to prevent the container from resizing
-     */
-    resizable?: boolean;
-    /**
-     * Optionally specify a width for the chart
-     */
-    width?: string;
-    /**
-     * Optionally specify a height for the chart
-     */
-    height?: string;
-    /**
-     * Optionally specify a theme for the chart
-     */
-    theme?: ChartTheme;
-    /**
-     * tooltip configuration
-     */
-    tooltip?: TooltipOptions;
-    /**
-     * legend configuration
-     */
-    legend?: LegendOptions;
-    /**
-     * toolbar configurations
-     */
-    toolbar?: ToolbarOptions;
-    /**
-     * Optional function to determine whether is filled based on datasetLabel, label, and/or data
-     */
-    getIsFilled?: (datasetLabel: any, label?: any, data?: any, defaultFilled?: boolean) => boolean;
-    /**
-     * Optional function to generate the fill color based on datasetLabel, label, and/or data
-     */
-    getFillColor?: (group: string, label?: string, data?: any, defaultFillColor?: string) => string;
-    /**
-     * Optional function to generate the stroke color based on datasetLabel, label, and/or data
-     * (note) - not all chart types support the stroke color (e.g. wordcloud)
-     */
-    getStrokeColor?: (group: string, label?: any, data?: any, defaultStrokeColor?: string) => string;
-    /**
-     * stylesheet options
-     */
-    style?: {
-        /**
-         * optional prefixing string for css classes (defaults to 'cc')
-         */
-        prefix?: string;
-    };
-    /**
-     * options related to charting data
-     */
-    data?: {
-        /**
-         * identifier for data groups
-         */
-        groupMapsTo?: string;
-        /**
-         * used to simulate data loading in skeleton way
-         */
-        loading?: boolean;
-        /**
-         * options related to pre-selected data groups
-         * Remains empty if every legend item is active or dataset doesn't have the data groups.
-         */
-        selectedGroups?: string[];
-    };
-    /**
-     * options related to color scales
-     */
-    color?: {
-        /**
-         * e.g. { 'Dataset 1': 'blue' }
-         */
-        scale?: object;
-        /**
-         * use a carbon dataviz preset color palette
-         * put the index (selection of which variant)
-         */
-        pairing?: {
-            /**
-             * the number of color variants in the palette (defaults to using the number of data groups in the given data)
-             */
-            numberOfVariants?: number;
-            /**
-             * the option number of the color paring
-             */
-            option?: number;
-        };
-        gradient?: {
-            enabled?: boolean;
-            /**
-             * hex color array
-             * e.g. ['#fff', '#000', ...]
-             */
-            colors?: Array<String>;
-        };
-    };
-    fileDownload?: {
-        /**
-         * the number of color variants in the palette (defaults to using the number of data groups in the given data)
-         */
-        fileName?: (type: 'png' | 'jpg' | 'csv') => string;
-    };
-}
-/**
- * Options common to any chart with an axis
- */
-export interface AxisChartOptions extends BaseChartOptions {
-    axes?: AxesOptions<AxisOptions>;
-    grid?: GridOptions;
-    timeScale?: TimeScaleOptions;
-    /**
-     * zoombar configuration
-     */
-    zoomBar?: ZoomBarsOptions;
-}
-/**
- * Options common to binned charts with an axis
- */
-export interface BinnedAxisChartOptions extends AxisChartOptions {
-    axes?: AxesOptions<BinnedAxisOptions>;
-    grid?: GridOptions;
-    timeScale?: TimeScaleOptions;
-    /**
-     * zoombar configuration
-     */
-    zoomBar?: ZoomBarsOptions;
-}
-/**
- * options specific to boxplot charts
- */
-export interface BoxplotChartOptions extends AxisChartOptions {
-}
-/**
- * options specific to bar charts
- */
-export interface BarChartOptions extends AxisChartOptions {
-    bars?: BarOptions;
-}
-/**
- * options specific to stacked bar charts
- */
-export interface StackedBarChartOptions extends BarChartOptions {
-    bars?: StackedBarOptions;
-}
-/**
- * options specific to scatter charts
- */
-export interface ScatterChartOptions extends AxisChartOptions {
-    /**
-     * options for the points
-     */
-    points?: {
-        /**
-         * sets the radius of the point
-         */
-        radius: number;
-        fillOpacity?: number;
-        filled?: boolean;
-        enabled?: boolean;
-    };
-}
-/**
- * options specific to lollipop charts
- */
-export interface LollipopChartOptions extends ScatterChartOptions {
-}
-/**
- * options specific to bubble charts
- */
-export interface BubbleChartOptions extends AxisChartOptions {
-    /**
-     * options for the individual bubbles
-     */
-    bubble?: {
-        /**
-         * the key to lookup in charting data for the bubble radius value
-         */
-        radiusMapsTo?: string;
-        /**
-         * options for what the bubble radius value maps to
-         */
-        radiusLabel?: string;
-        /**
-         * A function that would determine the range of the bubble radius to use
-         * Returns an array with the 1st value being the min and the 2nd value being the max radius
-         */
-        radiusRange?: Function;
-        /**
-         * Opacity of the fills used within each circle
-         */
-        fillOpacity?: number;
-        /**
-         * enabled scatter dot or not
-         */
-        enabled?: boolean;
-    };
-}
-/**
- * options specific to bullet charts
- */
-export interface BulletChartOptions extends AxisChartOptions {
-    /**
-     * options for the individual bullets
-     */
-    bullet?: {
-        performanceAreaTitles?: string[];
-    };
-}
-/**
- * options specific to histogram charts
- */
-export interface HistogramChartOptions extends AxisChartOptions {
-    /**
-     * options related to bins
-     */
-    bins?: {
-        rangeLabel?: string;
-    };
-}
-/**
- * options specific to line charts
- */
-export interface LineChartOptions extends ScatterChartOptions {
-    /**
-     * options for the curve of the line
-     */
-    curve?: string | {
-        name: string;
-    };
-}
-/**
- * options specific to area charts
- */
-export interface AreaChartOptions extends AxisChartOptions {
-    /**
-     * options for the curve of the line
-     */
-    curve?: string | {
-        name: string;
-    };
-    /**
-     * options to bound the area of the chart
-     */
-    bounds?: {
-        upperBoundMapsTo?: string;
-        lowerBoundMapsTo?: string;
-    };
-}
-/**
- * options specific to area charts
- */
-export interface StackedAreaChartOptions extends ScatterChartOptions {
-    /**
-     * options for the curve of the line
-     */
-    curve?: string | {
-        name: string;
-    };
-}
-/**
- * options specific to world cloud charts
- */
-export interface WordCloudChartTooltipOptions extends TooltipOptions {
-    /** the label that shows up by the highlighted word in the tooltip */
-    wordLabel?: string;
-    /** the label that shows up by the value of the highlighted word in the tooltip */
-    valueLabel?: string;
-}
-export interface WorldCloudChartOptions extends BaseChartOptions {
-    wordCloud?: {
-        /** what key in your charting data will the font sizes map to? */
-        fontSizeMapsTo?: string;
-        /** a function (chartSize, data) => {} that'll decide the range of font sizes, e.g. [10, 80] */
-        fontSizeRange?: Function;
-        /** what key in your charting data will the words map to? */
-        wordMapsTo?: string;
-    };
-    /**
-     * tooltip configuration
-     */
-    tooltip?: WordCloudChartTooltipOptions;
-}
-/**
- * options specific to pie charts
- */
-export interface PieChartOptions extends BaseChartOptions {
-    pie?: {
-        labels?: {
-            formatter?: Function;
-            enabled?: Boolean;
-        };
-        alignment?: Alignments;
-        /**
-         * identifier for value key in your charting data
-         * defaults to value
-         */
-        valueMapsTo?: string;
-        sortFunction?: (a: any, b: any) => number;
-    };
-}
-/**
- * options specific to gauge charts
- */
-export interface GaugeChartOptions extends BaseChartOptions {
-    gauge?: {
-        arcWidth?: number;
-        deltaArrow?: {
-            direction?: ArrowDirections;
-            size?: Function;
-            enabled: Boolean;
-        };
-        showPercentageSymbol?: Boolean;
-        status?: Statuses;
-        deltaFontSize?: Function;
-        numberSpacing?: number;
-        numberFormatter?: Function;
-        valueFontSize?: Function;
-        type?: GaugeTypes;
-        alignment?: Alignments;
-    };
-}
-/**
- * options specific to donut charts
- */
-export interface DonutChartOptions extends PieChartOptions {
-    donut?: {
-        center?: {
-            label?: string;
-            number?: number;
-            numberFontSize?: Function;
-            titleFontSize?: Function;
-            titleYPosition?: Function;
-            numberFormatter?: Function;
-        };
-        alignment?: Alignments;
-    };
-}
-export interface MeterChartOptions extends BaseChartOptions {
-    meter?: {
-        showLabels?: boolean;
-        proportional?: {
-            total?: number;
-            unit?: string;
-        };
-        peak?: number;
-        status?: {
-            ranges: Array<{
-                range: [number, number];
-                status: Statuses;
-            }>;
-        };
-        height?: number;
-        title?: {
-            percentageIndicator?: {
-                /**
-                 * rendering of the percentage value relative to the dataset within title
-                 */
-                enabled?: boolean;
-            };
-        };
-    };
-}
-export interface ProportionalMeterChartOptions extends BaseChartOptions {
-    meter?: {
-        proportional?: {
-            total?: number;
-            unit?: string;
-        };
-    };
-}
-/**
- * options specific to radar charts
- */
-export interface RadarChartOptions extends BaseChartOptions {
-    radar?: {
-        axes: {
-            angle: string;
-            value: string;
-        };
-        alignment?: Alignments;
-    };
-}
-/**
- * options specific to combo charts
- */
-export interface ComboChartOptions extends AxisChartOptions {
-    axes?: AxesOptions<ComboChartAxisOptions>;
-    comboChartTypes: Array<{
-        type: ChartTypes | any;
-        options?: object;
-        correspondingDatasets: Array<string>;
-    }>;
-}
-export interface TreemapChartOptions extends BaseChartOptions {
-}
-export interface TreeChartOptions extends BaseChartOptions {
-    tree?: {
-        type?: TreeTypes;
-        rootTitle?: string;
-    };
-}
-export interface CirclePackChartOptions extends BaseChartOptions {
-    circlePack?: {
-        circles: {
-            fillOpacity: number;
-        };
-        hierachyLevel: number;
-        padding?: {
-            outer?: number;
-            inner?: number;
-        };
-    };
-}
-/**
- * options specific to Alluvial charts
- */
-export interface AlluvialChartOptions extends BaseChartOptions {
-    alluvial: {
-        units?: string;
-        /**
-         * List of nodes to draw
-         */
-        nodes: Array<{
-            name: string;
-            category?: string;
-        }>;
-        /**
-         * Node alignment (Default is center)
-         */
-        nodeAlignment?: Alignments;
-        /**
-         * Set the node padding
-         */
-        nodePadding?: number;
-        /**
-         * Enable single color usage for lines
-         */
-        monochrome?: boolean;
-    };
-}
-/**
- * options specific to Heatmap charts
- */
-export interface HeatmapChartOptions extends BaseChartOptions {
-    heatmap: {
-        /**
-         * Divider width state - will default to auto
-         * No cell divider for cell dimensions less than 16
-         */
-        divider?: {
-            state?: DividerStatus;
-        };
-        /**
-         * customize color legend
-         * enabled by default on select charts
-         */
-        colorLegend?: {
-            /**
-             * Text to display beside or on top of the legend
-             * Position is determined by text length
-             */
-            title?: string;
-            type: ColorLegendType;
-        };
-    };
-}

package/interfaces/charts.js

@@ -1 +0,0 @@
-//# sourceMappingURL=../../src/interfaces/charts.js.map

package/interfaces/charts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"charts.js","sourceRoot":"","sources":["charts.ts"],"names":[],"mappings":"","sourcesContent":["import {\n\tGaugeTypes,\n\tStatuses,\n\tArrowDirections,\n\tAlignments,\n\tChartTypes,\n\tTreeTypes,\n\tDividerStatus,\n\tColorLegendType,\n\tChartTheme,\n} from './enums';\nimport {\n\tLegendOptions,\n\tTooltipOptions,\n\tGridOptions,\n\tAxesOptions,\n\tZoomBarsOptions,\n} from './index';\nimport { BarOptions, StackedBarOptions, ToolbarOptions } from './components';\nimport {\n\tAxisOptions,\n\tBinnedAxisOptions,\n\tComboChartAxisOptions,\n\tTimeScaleOptions,\n} from './axis-scales';\n\n/**\n * Base chart options common to any chart\n */\nexport interface BaseChartOptions {\n\t/**\n\t * Optionally specify a title for the chart\n\t */\n\ttitle?: string;\n\t/**\n\t * boolean to disable animations (enabled by default)\n\t */\n\tanimations?: boolean;\n\t/**\n\t * boolean to prevent the container from resizing\n\t */\n\tresizable?: boolean;\n\t/**\n\t * Optionally specify a width for the chart\n\t */\n\twidth?: string;\n\t/**\n\t * Optionally specify a height for the chart\n\t */\n\theight?: string;\n\t/**\n\t * Optionally specify a theme for the chart\n\t */\n\ttheme?: ChartTheme;\n\t/**\n\t * tooltip configuration\n\t */\n\ttooltip?: TooltipOptions;\n\t/**\n\t * legend configuration\n\t */\n\tlegend?: LegendOptions;\n\t/**\n\t * toolbar configurations\n\t */\n\ttoolbar?: ToolbarOptions;\n\t/**\n\t * Optional function to determine whether is filled based on datasetLabel, label, and/or data\n\t */\n\tgetIsFilled?: (\n\t\tdatasetLabel: any,\n\t\tlabel?: any,\n\t\tdata?: any,\n\t\tdefaultFilled?: boolean\n\t) => boolean;\n\t/**\n\t * Optional function to generate the fill color based on datasetLabel, label, and/or data\n\t */\n\tgetFillColor?: (\n\t\tgroup: string,\n\t\tlabel?: string,\n\t\tdata?: any,\n\t\tdefaultFillColor?: string\n\t) => string;\n\t/**\n\t * Optional function to generate the stroke color based on datasetLabel, label, and/or data\n\t * (note) - not all chart types support the stroke color (e.g. wordcloud)\n\t */\n\tgetStrokeColor?: (\n\t\tgroup: string,\n\t\tlabel?: any,\n\t\tdata?: any,\n\t\tdefaultStrokeColor?: string\n\t) => string;\n\t/**\n\t * stylesheet options\n\t */\n\tstyle?: {\n\t\t/**\n\t\t * optional prefixing string for css classes (defaults to 'cc')\n\t\t */\n\t\tprefix?: string;\n\t};\n\t/**\n\t * options related to charting data\n\t */\n\tdata?: {\n\t\t/**\n\t\t * identifier for data groups\n\t\t */\n\t\tgroupMapsTo?: string;\n\t\t/**\n\t\t * used to simulate data loading in skeleton way\n\t\t */\n\t\tloading?: boolean;\n\t\t/**\n\t\t * options related to pre-selected data groups\n\t\t * Remains empty if every legend item is active or dataset doesn't have the data groups.\n\t\t */\n\t\tselectedGroups?: string[];\n\t};\n\t/**\n\t * options related to color scales\n\t */\n\tcolor?: {\n\t\t/**\n\t\t * e.g. { 'Dataset 1': 'blue' }\n\t\t */\n\t\tscale?: object;\n\t\t/**\n\t\t * use a carbon dataviz preset color palette\n\t\t * put the index (selection of which variant)\n\t\t */\n\t\tpairing?: {\n\t\t\t/**\n\t\t\t * the number of color variants in the palette (defaults to using the number of data groups in the given data)\n\t\t\t */\n\t\t\tnumberOfVariants?: number;\n\t\t\t/**\n\t\t\t * the option number of the color paring\n\t\t\t */\n\t\t\toption?: number;\n\t\t};\n\t\t/*\n\t\t * options related to gradient\n\t\t * e.g. { enabled: true }\n\t\t */\n\t\tgradient?: {\n\t\t\tenabled?: boolean;\n\t\t\t/**\n\t\t\t * hex color array\n\t\t\t * e.g. ['#fff', '#000', ...]\n\t\t\t */\n\t\t\tcolors?: Array<String>;\n\t\t};\n\t};\n\t/*\n\t * options related to (CSV|PNG|JPG) file downloads\n\t */\n\tfileDownload?: {\n\t\t/**\n\t\t * the number of color variants in the palette (defaults to using the number of data groups in the given data)\n\t\t */\n\t\tfileName?: (type: 'png' | 'jpg' | 'csv') => string;\n\t};\n}\n\n/**\n * Options common to any chart with an axis\n */\nexport interface AxisChartOptions extends BaseChartOptions {\n\taxes?: AxesOptions<AxisOptions>;\n\tgrid?: GridOptions;\n\ttimeScale?: TimeScaleOptions;\n\t/**\n\t * zoombar configuration\n\t */\n\tzoomBar?: ZoomBarsOptions;\n}\n\n/**\n * Options common to binned charts with an axis\n */\nexport interface BinnedAxisChartOptions extends AxisChartOptions {\n\taxes?: AxesOptions<BinnedAxisOptions>;\n\tgrid?: GridOptions;\n\ttimeScale?: TimeScaleOptions;\n\t/**\n\t * zoombar configuration\n\t */\n\tzoomBar?: ZoomBarsOptions;\n}\n\n/**\n * options specific to boxplot charts\n */\nexport interface BoxplotChartOptions extends AxisChartOptions {}\n\n/**\n * options specific to bar charts\n */\nexport interface BarChartOptions extends AxisChartOptions {\n\tbars?: BarOptions;\n}\n\n/**\n * options specific to stacked bar charts\n */\nexport interface StackedBarChartOptions extends BarChartOptions {\n\tbars?: StackedBarOptions;\n}\n\n/**\n * options specific to scatter charts\n */\nexport interface ScatterChartOptions extends AxisChartOptions {\n\t/**\n\t * options for the points\n\t */\n\tpoints?: {\n\t\t/**\n\t\t * sets the radius of the point\n\t\t */\n\t\tradius: number;\n\t\tfillOpacity?: number;\n\t\tfilled?: boolean;\n\t\tenabled?: boolean;\n\t};\n}\n\n/**\n * options specific to lollipop charts\n */\nexport interface LollipopChartOptions extends ScatterChartOptions {}\n\n/**\n * options specific to bubble charts\n */\nexport interface BubbleChartOptions extends AxisChartOptions {\n\t/**\n\t * options for the individual bubbles\n\t */\n\tbubble?: {\n\t\t/**\n\t\t * the key to lookup in charting data for the bubble radius value\n\t\t */\n\t\tradiusMapsTo?: string;\n\t\t/**\n\t\t * options for what the bubble radius value maps to\n\t\t */\n\t\tradiusLabel?: string;\n\t\t/**\n\t\t * A function that would determine the range of the bubble radius to use\n\t\t * Returns an array with the 1st value being the min and the 2nd value being the max radius\n\t\t */\n\t\tradiusRange?: Function;\n\t\t/**\n\t\t * Opacity of the fills used within each circle\n\t\t */\n\t\tfillOpacity?: number;\n\t\t/**\n\t\t * enabled scatter dot or not\n\t\t */\n\t\tenabled?: boolean;\n\t};\n}\n\n/**\n * options specific to bullet charts\n */\nexport interface BulletChartOptions extends AxisChartOptions {\n\t/**\n\t * options for the individual bullets\n\t */\n\tbullet?: {\n\t\tperformanceAreaTitles?: string[];\n\t};\n}\n\n/**\n * options specific to histogram charts\n */\nexport interface HistogramChartOptions extends AxisChartOptions {\n\t/**\n\t * options related to bins\n\t */\n\tbins?: {\n\t\trangeLabel?: string;\n\t};\n}\n\n/**\n * options specific to line charts\n */\nexport interface LineChartOptions extends ScatterChartOptions {\n\t/**\n\t * options for the curve of the line\n\t */\n\tcurve?: string | { name: string };\n}\n\n/**\n * options specific to area charts\n */\nexport interface AreaChartOptions extends AxisChartOptions {\n\t/**\n\t * options for the curve of the line\n\t */\n\tcurve?: string | { name: string };\n\t/**\n\t * options to bound the area of the chart\n\t */\n\tbounds?: {\n\t\tupperBoundMapsTo?: string;\n\t\tlowerBoundMapsTo?: string;\n\t};\n}\n\n/**\n * options specific to area charts\n */\nexport interface StackedAreaChartOptions extends ScatterChartOptions {\n\t/**\n\t * options for the curve of the line\n\t */\n\tcurve?: string | { name: string };\n}\n\n/**\n * options specific to world cloud charts\n */\nexport interface WordCloudChartTooltipOptions extends TooltipOptions {\n\t/** the label that shows up by the highlighted word in the tooltip */\n\twordLabel?: string;\n\t/** the label that shows up by the value of the highlighted word in the tooltip */\n\tvalueLabel?: string;\n}\n\nexport interface WorldCloudChartOptions extends BaseChartOptions {\n\twordCloud?: {\n\t\t/** what key in your charting data will the font sizes map to? */\n\t\tfontSizeMapsTo?: string;\n\t\t/** a function (chartSize, data) => {} that'll decide the range of font sizes, e.g. [10, 80] */\n\t\tfontSizeRange?: Function;\n\t\t/** what key in your charting data will the words map to? */\n\t\twordMapsTo?: string;\n\t};\n\t/**\n\t * tooltip configuration\n\t */\n\ttooltip?: WordCloudChartTooltipOptions;\n}\n\n/**\n * options specific to pie charts\n */\nexport interface PieChartOptions extends BaseChartOptions {\n\tpie?: {\n\t\tlabels?: {\n\t\t\tformatter?: Function;\n\t\t\tenabled?: Boolean;\n\t\t};\n\t\talignment?: Alignments;\n\t\t/**\n\t\t * identifier for value key in your charting data\n\t\t * defaults to value\n\t\t */\n\t\tvalueMapsTo?: string;\n\t\tsortFunction?: (a: any, b: any) => number;\n\t};\n}\n\n/**\n * options specific to gauge charts\n */\nexport interface GaugeChartOptions extends BaseChartOptions {\n\tgauge?: {\n\t\tarcWidth?: number;\n\t\tdeltaArrow?: {\n\t\t\tdirection?: ArrowDirections;\n\t\t\tsize?: Function;\n\t\t\tenabled: Boolean;\n\t\t};\n\t\tshowPercentageSymbol?: Boolean;\n\t\tstatus?: Statuses;\n\t\tdeltaFontSize?: Function;\n\t\tnumberSpacing?: number;\n\t\tnumberFormatter?: Function;\n\t\tvalueFontSize?: Function;\n\t\ttype?: GaugeTypes;\n\t\talignment?: Alignments;\n\t};\n}\n\n/**\n * options specific to donut charts\n */\nexport interface DonutChartOptions extends PieChartOptions {\n\tdonut?: {\n\t\tcenter?: {\n\t\t\tlabel?: string;\n\t\t\tnumber?: number;\n\t\t\tnumberFontSize?: Function;\n\t\t\ttitleFontSize?: Function;\n\t\t\ttitleYPosition?: Function;\n\t\t\tnumberFormatter?: Function;\n\t\t};\n\t\talignment?: Alignments;\n\t};\n}\n\nexport interface MeterChartOptions extends BaseChartOptions {\n\tmeter?: {\n\t\tshowLabels?: boolean;\n\t\tproportional?: {\n\t\t\ttotal?: number;\n\t\t\tunit?: string;\n\t\t};\n\t\tpeak?: number;\n\t\tstatus?: {\n\t\t\tranges: Array<{\n\t\t\t\trange: [number, number];\n\t\t\t\tstatus: Statuses;\n\t\t\t}>;\n\t\t};\n\t\theight?: number;\n\t\ttitle?: {\n\t\t\tpercentageIndicator?: {\n\t\t\t\t/**\n\t\t\t\t * rendering of the percentage value relative to the dataset within title\n\t\t\t\t */\n\t\t\t\tenabled?: boolean;\n\t\t\t};\n\t\t};\n\t};\n}\n\nexport interface ProportionalMeterChartOptions extends BaseChartOptions {\n\tmeter?: {\n\t\tproportional?: {\n\t\t\ttotal?: number;\n\t\t\tunit?: string;\n\t\t};\n\t};\n}\n\n/**\n * options specific to radar charts\n */\nexport interface RadarChartOptions extends BaseChartOptions {\n\tradar?: {\n\t\taxes: {\n\t\t\tangle: string;\n\t\t\tvalue: string;\n\t\t};\n\t\talignment?: Alignments;\n\t};\n}\n\n/**\n * options specific to combo charts\n */\nexport interface ComboChartOptions extends AxisChartOptions {\n\taxes?: AxesOptions<ComboChartAxisOptions>;\n\tcomboChartTypes: Array<{\n\t\ttype: ChartTypes | any;\n\t\toptions?: object;\n\t\tcorrespondingDatasets: Array<string>;\n\t}>;\n}\n\n/*\n * options specific to treemap charts\n */\nexport interface TreemapChartOptions extends BaseChartOptions {}\n\n/*\n * options specific to tree charts\n */\nexport interface TreeChartOptions extends BaseChartOptions {\n\ttree?: {\n\t\ttype?: TreeTypes;\n\t\trootTitle?: string;\n\t};\n}\n\n/*\n * options specific to circle pack charts\n */\nexport interface CirclePackChartOptions extends BaseChartOptions {\n\tcirclePack?: {\n\t\tcircles: {\n\t\t\tfillOpacity: number;\n\t\t};\n\t\t// depth of nodes to display\n\t\thierachyLevel: number;\n\t\tpadding?: {\n\t\t\touter?: number;\n\t\t\tinner?: number;\n\t\t};\n\t};\n}\n\n/**\n * options specific to Alluvial charts\n */\nexport interface AlluvialChartOptions extends BaseChartOptions {\n\talluvial: {\n\t\tunits?: string;\n\t\t/**\n\t\t * List of nodes to draw\n\t\t */\n\t\tnodes: Array<{\n\t\t\tname: string;\n\t\t\tcategory?: string;\n\t\t}>;\n\t\t/**\n\t\t * Node alignment (Default is center)\n\t\t */\n\t\tnodeAlignment?: Alignments;\n\t\t/**\n\t\t * Set the node padding\n\t\t */\n\t\tnodePadding?: number;\n\t\t/**\n\t\t * Enable single color usage for lines\n\t\t */\n\t\tmonochrome?: boolean;\n\t};\n}\n\n/**\n * options specific to Heatmap charts\n */\nexport interface HeatmapChartOptions extends BaseChartOptions {\n\theatmap: {\n\t\t/**\n\t\t * Divider width state - will default to auto\n\t\t * No cell divider for cell dimensions less than 16\n\t\t */\n\t\tdivider?: {\n\t\t\tstate?: DividerStatus;\n\t\t};\n\t\t/**\n\t\t * customize color legend\n\t\t * enabled by default on select charts\n\t\t */\n\t\tcolorLegend?: {\n\t\t\t/**\n\t\t\t * Text to display beside or on top of the legend\n\t\t\t * Position is determined by text length\n\t\t\t */\n\t\t\ttitle?: string;\n\t\t\ttype: ColorLegendType;\n\t\t};\n\t};\n}\n"]}